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

3 сентября 2021 г.

0 минут

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

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

enter image description here

Содержание

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

Профессиональная верстка

Адаптивная вёрстка для отображения на любых устройствах

от 3 900 ₽

Посмотреть →

Позиционирование в CSS

Получите навык работы с CSS и адаптивными интерфейсами

от 3 900 ₽

Посмотреть →

Фронтенд-разработчик

Изучите HTML, CSS, JavaScript и React

от 6 792 ₽

Посмотреть →

Bootstrap

Изучите навык для работы с Bootstrap 5, SASS и Gulp для быстрой вёрстки

от 3 900 ₽

Посмотреть →

Анимация CSS

Освоите CSS-анимации для улучшения UX

от 3 900 ₽

Посмотреть →

Полный список доступных курсов по разным направлениям

Вот пример:

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

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

enter image description here

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

Шахзод Давлатов

4 года назад