Скидки до 28% + 2-ая профессия бесплатно и подарки на 50 000₽

Хекслет
Главная | Все статьи | Дневник студента

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

~1 минута
Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Убираем с сайта белые полосы при горизонтальной ориентации iPhone. Понадобитс... главное изображение

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

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

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

Аватар пользователя Шахзод Давлатов
Шахзод Давлатов 03 сентября 2021
4
Похожие статьи
Рекомендуемые программы
профессия
Фронтенд-разработчик
Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React
10 месяцев •
с нуля
Старт 26 декабря
профессия
Python-разработчик
Программирование на Python, Разработка веб-приложений и сервисов используя Django, проектирование и реализация REST API
10 месяцев •
с нуля
Старт 26 декабря
профессия
Инженер по ручному тестированию
Тестирование веб-приложений, чек-листы и тест-кейсы, этапы тестирования, DevTools, Postman, SQL, Git, HTTP/HTTPS, API
4 месяца •
с нуля
Старт 26 декабря
профессия
Java-разработчик
Программирование на Java, Разработка веб-приложений и микросервисов используя Spring Boot, проектирование REST API
10 месяцев •
с нуля
Старт 26 декабря
профессия
новый
Аналитик данных
Google таблицы, SQL, Python, Superset, Tableau, Pandas, визуализация данных, Anaconda, Jupyter Notebook, A/B-тесты, ROI
9 месяцев •
с нуля
Старт 26 декабря
профессия
РНР-разработчик
Программирование на PHP, Разработка веб-приложений и сервисов используя Laravel, проектирование и реализация REST API
10 месяцев •
с нуля
Старт 26 декабря
профессия
Разработчик на Ruby on Rails
Программирование на Ruby, Разработка веб-приложений и сервисов используя Rails, проектирование и реализация REST API
5 месяцев •
c опытом
Старт 26 декабря
профессия
Fullstack-разработчик
Программирование на JavaScript в браузере и на сервере (Node.js), разработка бекендов на Fastify и фронтенда на React
16 месяцев •
с нуля
Старт 26 декабря
профессия
Node.js-разработчик
Программирование на JavaScript, разработка веб-приложений, bff и сервисов используя Fastify, проектирование REST API
10 месяцев •
с нуля
Старт 26 декабря
профессия
новый
Инженер по тестированию на JavaScript
Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL
8 месяцев •
c опытом
Старт 26 декабря