Page 243 - Сила CSS3 Освой новейший стандарт

Изменение макета для просмотра на мобильных устройствах • 243

Свойство Описание

initial-scale Уровень масштабирования области просмотра при первом
отображении страницы. Значение 1.0 соответствует фактическому
размеру страницы, без уменьшения или увеличения

minimum-scale Минимальный уровень масштабирования области просмотра.
Позволяет указать, как сильно пользователь сможет уменьшить
страницу. Значение 1.0 запрещает делать страницу меньше ее
реального размера

maximum-scale Максимальный уровень масштабирования области просмотра.
Позволяет указать, как сильно пользователь сможет увеличить
страницу. Значение 1.0 запрещает делать страницу больше ее
реального размера
user-scalable Разрешает (значение yes) или запрещает (значение no) пользователю
масштабировать страницу

Тег meta для области просмотра изобрели разработчики Apple, и в стандарте он
пока что не описан. Однако многие мобильные браузеры — не только в устройствах
iPhone — его поддерживают.
Добавление тега на страницу
Давайте добавим тег meta для области просмотра на страницу нашей вымышленной
пекарни. Вставьте следующий тег в элемент head страницы:
<meta name="viewport" content="width=device-width">

Рис. 6.22. Благодаря тегу meta для области просмо-
тра устройство iPhone теперь отображает страницу
шириной 320 пикселов, а не уменьшает масштаб,
чтобы вместить на экране все 980

www.trk.kg