ReCaptcha переполнение / выход за пределы экрана

Как я могу исправить эту проблему? Иногда это работает нормально, но гораздо чаще я вижу подобные ошибки. Я уже пытался изменить css, но он меняет только пропорции кнопки, а не изображение-выбор, вот мой html для кнопки <div class = "g-recaptcha col-lg-12" data-sitekey = "#####" data-callback = "automationRecaptchaCb" align = "center"></div>

изображение captcha слишком высокое, и я не могу найти то, что ищу

ReCaptcha переполнение / выход за пределы экрана

изображение слишком низкое, и я не могу отправить капчу

ReCaptcha переполнение / выход за пределы экрана

введите описание изображения здесь

Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
6
0
784
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 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>
}

Другие вопросы по теме