google reCaptchaの動的リサイズ

Question

私のフォームにGoogle reCaptchaを使用しています。そして、私がスマートフォンサイズに窓のサイズを変えるとすぐに、Captchaは私の幅でつぶれてしまいます。

Captchaの読み込み時に、Captchaのサイズを変更する答えを見ましたが、それはそれをカットしません。私はすでに反応性のあるレイアウトを設計し始めました。私はここで止めることはできません。

Answer 1

Google Recaptcha 2.0ではテーマのカスタマイズができません。しかし、あなたはRahamathullahの答えが示すようにcss scaleハックを使うことができます。それはいいものではありませんが、問題を解決します。

また、データサイズの属性を使用して試すことができます： https://developers.google.com/recaptcha/docs/display#render_param

Answer 2

あなたにこのコードを試してみてください

.g-recaptcha { 
transform: scale(0.8); 
-webkit-transform:scale(0.8); 
transform-origin:0 0; 
-webkit-transform-origin:0 0; 
max-width: 240px; 
} 

をCSS