Центр сайта в ландшафтном режиме iPhone с метапортпортом
У меня есть CSS-граница на HTML-тэге моего сайта, когда я просматривал его на iPhone, он не учитывал границы как часть ширины и частично совпадает с div в отличие от 10-пиксельного промежутка между контентом и сторонами экрана. Я использовал мета-тег viewport
<meta name="viewport" content="width=device-width, initial-scale=auto">
и это работало хорошо, поскольку теперь все выстраивается идеально, однако, когда я просматриваю сайт в ландшафтном режиме, сайт не центрируется, он начинается с выравнивания по левому краю, поэтому вы видите только половину сайта, пока не прокрутите страницу.
Как я могу центрировать макет сайта при просмотре в ландшафтном режиме?
1 ответ
Учитывая, что этот вопрос сейчас немного "старый", я не уверен, что вы решили свою проблему, но эта ссылка может помочь другим. Это помогло мне.
Недавно я просматривал meta-viewport и наткнулся на эту статью на сайте.
В основном, не используйте "width=device-width".
Вместо этого просто используйте значения "начального масштаба".