时间戳

首页 > 解决方案 > 如何调整谷歌 reCAPTCHA 的大小？

html - 如何调整谷歌 reCAPTCHA 的大小？

问题描述

问题的图像：

编码：

<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>

标签： htmlcssasp.netrecaptcha

解决方案

通过使用 CSS 转换属性，您可以通过更改 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/

推荐阅读