Центр сайта в ландшафтном режиме iPhone с метапортпортом

Question

У меня есть CSS-граница на HTML-теге моего сайта, когда я просматривал его на iPhone, он не учитывал границу как часть ширины и частично совпадает с div в отличие от 10-пиксельного промежутка между контентом и стороны экрана. Я использовал мета-тег viewport

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

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

Как центрировать макет сайта при просмотре в ландшафтном режиме?

Answer 1

Учитывая, что этот вопрос теперь немного «старый», я не уверен, что вы решили свою проблему, но эта ссылка может помочь другим.Это помогло мне.

Я недавно просматривал meta-viewport и наткнулся на эту статью на сайте.

Метатег Viewport

По сути, не используйте "width = device-width".
Вместо этого просто используйте значения "initial-scale".