ReCaptcha 溢出/退出屏幕

Question

我该如何解决这个问题？有时它实际上工作正常，但更多时候我看到这样的错误。我已经尝试更改 css 但它只更改按钮比例而不是图像选择这里是我的按钮 html <div class="g-recaptcha col-lg-12" data-sitekey="#####" data-callback="automationRecaptchaCb" align="center"></div>

图片验证码太高，我找不到我要找的东西

图片太低，我无法提交验证码

在此处输入图片说明

Answer 1

所以我实际上找到了效果很好的解决方案，希望我可以帮助某人将其添加到我的页面样式中

@section PageStyles{
<style type="text/css">

.g-recaptcha > div {
width: 100% !important;
    }

.g-recaptcha > div > div {
margin: 4px auto !important;
/*text-align: center;*/
width: auto !important;
height: auto !important;
}

.g-recaptcha iframe {
transform: scale(0.85);
-webkit-transform: scale(0.85);
transform-origin: left top;
-webkit-transform-origin: left top;
}
#rc-imageselect {
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}

/*-- Pantallas superiores a 480px --*/
@@media(min-width: 480px){
#rc-imageselect {
transform: none;
-webkit-transform: none;
}

.g-recaptcha iframe{
max-width: none;
transform: none;
-webkit-transform: none;
}
}
</style>
}