Что обозначают данные атрибуты у метки meta?
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Asked
Active
Viewed 58 times
1 Answers
4
это мета тег для определения устройства с которого зашли на сайт, initial-scale - это маштаб страницы изначально, а width=device-width oпределяет ширину viewporta, подробнее почитайте вот тут http://frontender.com.ua/mobile-web/wtf-viewport/
BorisPobeshymov
- 1,714
-
1,то есть это по сути масшабировка относительно любово экрана? – Muscled Boy Jun 10 '16 at 13:00
-
1в общем суть уловлена верно, подключив этот тег можно уже работать с media-запросами в css под конкретные ширины экранов, будь то мобилка или планшет – BorisPobeshymov Jun 10 '16 at 13:02
-
Спасибо за понятное изложение ответа – Muscled Boy Jun 10 '16 at 13:05
-
тогда отметьте ответ как принятый) если что спрашивайте – BorisPobeshymov Jun 10 '16 at 13:05
-
сейчас так и сделаю) – Muscled Boy Jun 10 '16 at 13:06
-
о еще забыл спросить масштаб 1.0 это в чем? – Muscled Boy Jun 10 '16 at 13:06
-
Число с точкой (от 0.1 до 10). Значение 1.0 означает что не надо масштабировать страницу – BorisPobeshymov Jun 10 '16 at 13:08
-
а строка content="width=device-width, initial-scale=1.0"> не противоречит себе, выходит страничка открывается в масштабе относительно экрана устройства и при этом не масштабируется? – Muscled Boy Jun 10 '16 at 13:13
-
Ссылка на спецификацию. – Jun 10 '16 at 13:37