Центрирующий контейнер для ipad

Question

я пытаюсь найти способ центрирования моего div #container на странице ipad. Это довольно простая 960px ширина, автоматическая работа с полем 0. Тело имеет фоновый цвет, но на ipad контейнер просто занимает всю страницу, или поле работает слева, но страница прилипла к правому краю.

Я видел в интернете различные идеи о минимальной ширине, области просмотра и т. Д. В идеале я бы использовал запросы @media в моей таблице стилей, так как все остальное выглядит нормально по умолчанию

Спасибо

Answer 1

Попробуйте изменить атрибут отображения DIV с блока по умолчанию на inline-block.

div #container {
  display: inline-block;
}

Answer 2

В блочной модели общая ширина элемента является суммой его полей, границ, отступов и ширины содержимого.

Общая ширина вашего контейнера составляет 40 + 960 + 40 = 1040px, а ширина области просмотра iPad - 1024 пикселей. Таким образом, вы не можете сосредоточиться, и вы можете увидеть неожиданные результаты!

Уменьшите ширину или заполнение контейнера, чтобы его общая ширина была менее 1024 пикселей, width:960px; padding:32px; например.