Убираем с сайта белые полосы при горизонтальной ориентации iPhone. Понадобится для первого проекта по верстке

~1 минута

Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции

Думаю, вы — как и — я столкнулись с одной проблемой при адаптации первого проекта на Хекслете для разных устройств, а именно:

iPhone зачем-то добавляет белые полосы по бокам сайта 😑😑😑

enter image description here

Как же это исправить?

Всё очень просто, нужно лишь добавить viewport-fit=cover в meta-тег.

Вот пример:

meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"

И итоговый результат:

enter image description here

А на этом у меня всё 😉