Google Recaptcha Unresponsive Размер

Question

Итак, я разрабатывал веб-сайт по адресу english-lesson.16mb.com, после тяжелой работы, сделавшей регистрационную форму с помощью css, чтобы она могла реагировать на все устройства. Я положил google recaptcha с надеждой, что она станет отзывчивой, но правда, я столкнулся с google recaptcha имеет фиксированный размер.

Я попытался добавить style="width:50%;" или любого рода, как это, но это только изменить что-то невидимое не коробка сама

Оранжевый: фактический размер невидимую вещь, прежде чем стиль
Синий: теперь

Точка зрения, которую я прошу, если я использую меньший экран, кнопка подтверждения будет обрезано с точки зрения

Я не хочу ставить горизонтальной прокрутки ни перелива-х или что-нибудь подобное, есть ли способ, чтобы изменить размер Google рекапчи?

предварительный просмотр: english-lesson.16mb.com/register.php

Answer 1

я испытал те же проблемы с ReCaptcha v2. По умолчанию он не реагирует. После некоторого поиска в Google я могу сделать это с помощью взлома css. Сначала имейте в виду, что вам нужно добавить 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; }}