定位工作正常的台式机/平板电脑，但无法在手机上

Question

我有以下HTML：

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

正如你可以看到我已经指定保证金左：这背后的7％，原因是因为我希望它出现在中间，而不是浮到左如下所示：

这工作正常的台式机/平板电脑，但在移动设备上观看时，其进一步推到右边，因为保证金 - 左：我指定了7％，现在要解决这个问题我可以把margin-left：auto; margin-right：auto但是没有做任何事情，任何人都可以提出一种方法，让所有设备的中间显示此验证码？

Answer 1

你好试试这个在您的@media的电话：

重要直列样式将覆盖任何其他CSS

删除风格= “保证金左：7％;”

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

如果这不起作用请提供.FORM组

的CSS