google reCaptcha的動態調整大小

Question

我在表單中使用Google reCaptcha。而且，只要我將窗口的大小更改爲智能手機尺寸，驗證碼就會隨我的寬度而變化。

我查看了加載Captcha時調整Captcha大小的答案，但那並不能削減它。我已經開始設計一個響應式佈局。我不能停在這裏。

Answer 1

Google Recaptcha 2.0不支持主題自定義。但是Rahamathullah的回答顯示，你可以使用css scale。這並不好，但它解決了這個問題。

您也可以嘗試使用數據大小屬性： https://developers.google.com/recaptcha/docs/display#render_param

Answer 2

你的CSS

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

試試這個代碼