Google Recaptcha Unresponsive Größe

Question

also war ich eine Website auf english-lesson.16mb.com entwickeln, nachdem eine harte Arbeit machen das Anmeldeformular mit CSS, so dass es auf allen Geräten reagieren kann, habe ich die Google recaptcha mit der Hoffnung es ansprechbar geworden, aber die Wahrheit, die ich konfrontiert wurde, ist Google Recaptcha hat feste Größe.

Ich versuchte style="width:50%;" oder irgendeine Art wie das Hinzufügen, aber es nur etwas Unsichtbares ändern nicht die Box selbst

Orange: tatsächliche Größe des unsichtbaren Sache vor Stil
Blau: jetzt

Der Punkt, den ich das frage, ist, wenn ich kleineren Bildschirm benutze, die Überprüfungsschaltfläche Aus Sicht

Ich will nicht weder Überlauf-x oder so etwas setzen horizontale Scroll beschnitten werden, ist es eine Möglichkeit, die Größe von google recaptcha zu ändern?

Live-Vorschau: english-lesson.16mb.com/register.php

Answer 1

ich das gleiche Problem mit recaptcha v2 erlebt haben. Es reagiert standardmäßig nicht. Nachdem ich gegoogelt habe, kann ich es mit einem css-Hack schaffen. Denken Sie daran, dass Sie das Recaptcha im automatischen Rendering und nicht im expliziten Rendering hinzufügen müssen. look here.

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

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

unter css Stil hinzufügen

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