HTML-оболочка CSS не выровнена по центру в iPhone Safari

Question

должен быть веб-сайт с выравниванием по центру

Я создал веб-сайт, как указано выше, с правильно расположенным центром оболочки в браузерах для ПК / Mac.Однако при запуске в iphone safari он выравнивается по левому краю, но не по центру.

код оболочки:

#wrapper {
width: 939px;
background-color: #fff;
margin: 40px auto 5px auto;
padding-bottom: 50px;

}

Есть идеи по этому поводу?

Спасибо.

Answer 1

у вас есть tryd:

#wrapper{
    text-align: center;
}
#wrapper <yourChildrenId/yourChildrenClass/yourChildrenTag>{
    display: inline-block;
    //or
    display: inline;
}

Answer 2

Мини-хак, но если вы установите ширину мета-контента в самый широкий центрированный div, это заставляет экран iPhone быть таким широким и не мешает центрированию div.

<meta name="viewport" content="width=[widest centered div];"/>

Answer 3

Если вам требуется поддержка только браузеров, совместимых с iPhone Safari или CSS3, вот элегантный подход: http://www.html5rocks.com/en/tutorials/flexbox/quick/#toc-center

Answer 4

#wrapper{
 width: 939px;
 background-color: #fff;
 margin: 0 auto;
 padding-bottom: 50px;
}

Должен сделать это. Я не знаю, зачем тебе маржинальная вершина. Предоставленная ссылка не работает.