javascript - 响应地选择紧凑或正常大小的谷歌验证码

Question

根据标题寻求帮助，以便能够响应地让 Google recaptcha 从 data-size="compact"更改为 data-size="normal"at 768px。没有javascript可以吗？

验证码 HTML:

<div class="captcha_container">
<div class="g-recaptcha" data-sitekey="6Le8iBkTAAAAzeCvzZRO3FePZO" data-size="compact">
</div>
</div>

CSS:

.captcha_container{padding: 20px 0px 0px 0px; text-align: center;}

.g-recaptcha{ display: inline-block;}

Answer 1

如果不使用 javascript，您无法更改 data-size，但是如果您愿意，可以更改比例以符合新的屏幕宽度。

例子:

.g-recaptcha {
    -webkit-transform:scale(0.77);
    -ms-transform:scale(0.77);
    transform:scale(0.77);
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
}

之前有人问过这个问题，这里有一些有趣的答案: https://stackoverflow.com/a/29521983/6049581