Dynamische Größenanpassung von Google ReCaptcha

Question

Ich benutze Google ReCaptcha in meiner Form. Und sobald ich die Größe des Fensters auf eine Smartphone-Größe ändere, versagt das Captcha mit meiner Breite.

Ich schaute auf die Antwort für die Größenänderung des Captcha beim Laden, aber das schneidet es einfach nicht. Ich habe bereits begonnen, ein responsives Layout zu entwerfen. Ich kann hier nicht aufhören.

Answer 1

Google Recaptcha 2.0 erlaubt keine Anpassung von Designs. Aber Sie können css scale hacken, wie Rahathathullahs Antwort zeigt. Es ist nicht nett, aber es löst das Problem.

können Sie auch versuchen, die Daten-size-Attribut: https://developers.google.com/recaptcha/docs/display#render_param

Answer 2

diesen Code versuchen Sie

.g-recaptcha { 
transform: scale(0.8); 
-webkit-transform:scale(0.8); 
transform-origin:0 0; 
-webkit-transform-origin:0 0; 
max-width: 240px; 
} 

css