html - Google Captcha 的定位在台式机/平板电脑上运行良好，但在移动设备上运行不佳

Question

我有以下 HTML:

   <div class="form-group" style="margin-left: 7%;" id="gCaptcha">
     @Html.Recaptcha("MyKey", CaptchaTheme.Dark)
     @Html.ValidationMessage("ReCaptcha")
   </div>

如您所见，我指定了 margin-left:7% 原因是因为我希望它出现在中间而不是 float 到左侧，如下所示:

这在台式机/平板电脑上运行良好，但在移动设备上查看时，由于我指定的 margin-left:7%，它会向右推得更远，现在要解决这个问题，我假设我可以放置 margin-left:汽车; margin-right:auto 但这没有做任何事情，任何人都可以建议一种方法让这个验证码出现在所有设备的中间吗？

Answer 1

您好，在您的 @media 中试试这个对于手机:

重要的内联样式将覆盖任何其他 css

移除 style="margin-left: 7%;"

#gCaptcha{
  margin: 0 auto;
  width: 85%;
}

如果这不起作用，请提供 .form-group 的 CSS