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

Question

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

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

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

Answer 1

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

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

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

Answer 2

Это работает для центрированного веб-страницы с шириной 1024px:

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