Viewport | Wiki | PWODEV https://wiki.pwodev.com/tag/viewport/ Help for developers Fri, 09 Aug 2019 12:17:27 +0000 ru-RU hourly 1 https://wordpress.org/?v=6.9.1 Viewport — мета тег для нормальной верстки для мобильного устройства. https://wiki.pwodev.com/viewport-meta-tag-for-mobile-version-design/ https://wiki.pwodev.com/viewport-meta-tag-for-mobile-version-design/#respond Tue, 24 Oct 2017 09:19:16 +0000 http://wiki.pwodev.com/?p=151 Viewport это штука без которой нельзя обойтись. Если вы верстаете под мобильное устройство iPhone или Android да и вообще любое другое устройство, правильно чтобы верстка отображалась одинаково на всех видах экрана, чтобы не было косяков и все было корректно по дизайну. Если вы верстаете правильно, а так и надо, то вам пригодится очень важный тег […]

Сообщение Viewport — мета тег для нормальной верстки для мобильного устройства. появились сначала на Wiki | PWODEV.

]]> 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>

Сообщение Viewport — мета тег для нормальной верстки для мобильного устройства. появились сначала на Wiki | PWODEV.

]]> https://wiki.pwodev.com/viewport-meta-tag-for-mobile-version-design/feed/ 0