Почему моя веб-страница выровнена по левому краю на iPad?

Question

Я недавно создал сайт и центрировал его, используя margin: 0 auto. Я также обернул элементы в классе .wrapper с шириной, равной 960px, а затем родительский элемент распространился на весь браузер.

Когда я просматриваю экран брендов на iPad, сайт выравнивается по левому краю и не распространяется на все окно. Любые мысли о том, почему это может происходить, и как это исправить?

Смотрите скриншот ниже:

Answer 1

Работает для центрированной веб-страницы шириной 1024 пикселей:

<meta name="viewport"
      content="width=device-width, initial-scale=0.95, maximum-scale=0.95">

Answer 2

Похоже, у вас есть несколько ошибок проверки на этой странице:

• http://validator.w3.org/check?uri=http://www.propet.com/brands/&charset=(detect+automatically)&doctype=Inline&group=0

Я подозреваю, что они могут вызывать проблемуЕсли вы посмотрите на страницу, например, в Chrome, то увидите горизонтальную полосу прокрутки и пространство за пределами вашей оболочки <div>, поэтому проблемы не ограничиваются iPad.