Question

根据标题寻找帮助，以便能够响应性地从data-size =＆＃34; compact＆＃34;数据大小=＆＃34;正常＆＃34;在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

响应选择紧凑或正常大小的谷歌recaptcha

1 个答案: