Google Recaptcha无响应大小

Question

所以我在english-lesson.16mb.com开发了一个网站，经过艰苦的工作，使用css制作注册表格，因此它可以响应所有设备，我把谷歌recaptcha希望它变得响应，但我面临的事实是谷歌recaptcha有固定的大小。

我尝试添加style="width:50%;"或任何类似的东西，但它只改变一些看不见的东西而不是盒子本身

橙色：风格之前看不见的东西的实际尺寸 蓝色：现在

我要问的一点是，如果我使用较小的屏幕，验证按钮将从视图中裁剪

我不想把水平滚动既不溢出-x或类似的东西，有没有办法改变谷歌recaptcha的大小？

实时预览：english-lesson.16mb.com/register.php

Answer 1

我遇到了与recaptcha v2相同的问题。默认情况下它没有响应。在进行一些谷歌搜索之后，我可以设法用一些css hack来做。首先请记住，您需要在自动渲染中添加recaptcha而不是显式渲染。 look here。

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

<div class="g-recaptcha" data-sitekey="your_site_key"></div>

在样式中添加以下css

@media screen and (max-width: 455px){ #rc-imageselect, .g-recaptcha { transform:scale(0.71); -webkit-transform:scale(0.71); transform-origin:0 0; -webkit-transform-origin:0 0; }}