Viewport — мета тег для нормальной верстки для мобильного устройства.
Viewport это штука без которой нельзя обойтись. Если вы верстаете под мобильное устройство iPhone или Android да и вообще любое другое устройство, правильно чтобы верстка отображалась одинаково на всех видах экрана, чтобы не было косяков и все было корректно по дизайну.
Если вы верстаете правильно, а так и надо, то вам пригодится очень важный тег который позволит убрать стандартное увеличение, зум (zoom) и чтобы ширина (width) и высота (height) на мобильном (mobile) устройстве отображалась пиксель в пиксель, только тогда мы сможем видеть реальные размеры на лубом размере экрана.
Вот собственно сам мета тег:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
Вставлять его надо в самом вверху после открытия <head>
Читайте также:
- Спецсимволы для использования в HTML коде
- Как привязать футер к низу страницы
- Настройка PhpStorm pug (jade) и less Watchers
- Как поместить кусок html кода в переменную php
- Как разбить на array каждую строку из textarea. PHP