позиционирование Google Защитный код отлично работает на рабочий стол/планшет, но не на мобильном телефоне

Question

У меня есть следующие HTML:

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

Как вы можете видеть, я указанный Левое поле: 7% причиной этого является то, потому что я хочет, чтобы она появилась в середине, а не плавающий влево, как показано здесь:

это прекрасно работает на настольной/таблетке, но при просмотре на мобильном устройстве его отодвинуто еще дальше вправо из-за края -left: 7% я указал, теперь исправить это я как я мог бы поставить margin-left: auto; margin-right: auto, но это ничего не делает, может ли кто-нибудь предложить способ, который заставит эту капчу отображаться посередине для всех устройств?

Answer 1

Привет попробовать это в вашем @media для телефонов:

Важные инлайн-стили будут перезаписывать любые другие CSS

удалить стиль = "Левое поле: 7%;"

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

Если это не работает, пожалуйста, предоставьте CSS для .FORM-группы