动态调整谷歌reCaptcha的大小

Question

我在我的表单中使用谷歌reCaptcha。一旦我把窗口的大小改成智能手机的大小，验证码就会弄乱我的宽度。

我在加载验证码时查看了调整验证码大小的答案，但这并不能解决问题。我已经开始设计响应式布局了。我不能就此打住。

Answer 1

Google Recaptcha 2.0不支持主题定制。但是你可以使用css scale hack，正如Rahamathullah的答案所示。这不是很好，但它解决了问题。

您还可以尝试使用数据大小属性：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;
}