动态调整google reCaptcha的大小

Question

我在我的表单中使用Google reCaptcha。一旦我将窗户的大小改为智能手机尺寸，Captcha就会以我的宽度混乱。

我在加载它时查看了调整Captcha大小的答案，但这并没有削减它。我已经开始设计响应式布局。我无法停在这里。

Answer 1

Google Recaptcha 2.0不允许主题自定义。但是你可以使用css scale hack作为Rahamathullah的答案。这不好，但它解决了这个问题。

您还可以尝试使用data-size属性： 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;
}