Сайт выровнен по левому краю на iPad в Safari и Chrome
У меня проблемы с выравниванием по центру на iPad. он не работает должным образом в браузере iPad Safari и iPad Chrome - я перепробовал все советы, которые нашел в Интернете, - но я не нашел решения для своего случая.
Мой сайт http://newgranatik.tw1.ru/ и проблема в этом среднем (главном) блоке.
3 ответа
Я подробно рассмотрел ваш сайт. Проблема в том, что когда вы уменьшаете ширину браузера (или просматриваете его на устройстве с более низким разрешением), #main-container центрируется с {margin: 0 auto} НО #header остается статичным с шириной 1200 пикселей и, следовательно, они оба не могут выравниваться!
Воспроизведите способ отображения вашего iPad, уменьшив ширину окна браузера (на рабочем столе).
Я рекомендую сделать заголовок автоматически изменяющим размер и автоцентром. Вы можете начать с уменьшения размера логотипа для экранов с низким разрешением / для мобильных устройств с помощью CSS.
В остальном сайт имеет приятный дизайн.
Я нашел интересное решение - добавить метатег на мой сайт
<meta name="viewport" content="width=[widest centered div];"/>
Та же проблема здесь. Я попробовал это, и это сработало. Настройки-перейдите в «Дисплей и яркость»-перейдите в «Масштаб дисплея»-нажмите «Больше места» - Готово.