ReCaptcha溢出/超出屏幕

Question

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

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

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

enter image description here

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>
}