如何调整Google reCAPTCHA的大小？

Question

问题图片：

代码：

<div class="text-xs-center" id="DIVCATCHA" runat="server">
  <asp:HiddenField runat="server" ID="hdnImageSelected" />
  <div class="g-recaptcha" data-sitekey="" style="transform:scale(0.81);-webkit-transform:scale(0.81);transform-origin:0 0;-webkit-transform-origin:0 0;" >
  </div>
</div>

Answer 1

通过使用CSS transform属性，您可以通过更改reCAPTCHA的整个比例来更改宽度。

通过仅添加两种内联样式，可以使reCAPTCHA非常合适：

<div class="g-recaptcha" 
     data-theme="light" 
     data-sitekey="XXXXXXXXXXXXX" 
     style="transform:scale(0.77);transform-origin:0 0">
</div>

更多详细信息可以在这里找到：https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/