@viewport
Устарело: Эта возможность была удалена из веб-стандартов. Хотя некоторые браузеры по-прежнему могут поддерживать её, она находится в процессе удаления. Не используйте её ни в старых, ни в новых проектах. Страницы или веб-приложения, использующие её, могут в любой момент сломаться.
Кратко
Синтаксис
Коэффициент масштабирования, равный 1,0 или 100%, соответствует отсутствию масштабирования. Увеличьте масштаб больших значений. Меньшие значения уменьшаются
Дескриптор
Браузеры должны игнорировать непризнанные дескрипторы.
min-width
(en-US)-
Используется при определении ширины видового экрана при первом отображении документа.
max-width
(en-US)-
Используется при определении ширины видового экрана при первом отображении документа.
width
(en-US)-
Сокращённый дескриптор для установки как минимальной ширины(min-width), так и максимальной ширины(max-width).
min-height
(en-US)-
Используется при определении высоты видового экрана при первом отображении документа.
max-height
(en-US)-
Используется при определении высоты видового экрана при первом отображении документа.
height
(en-US)-
Сокращённый дескриптор для установки как минимальной высоты(min-height), так и максимальной высоты(max-height).
zoom
(en-US)-
Устанавливает начальный коэффициент масштабирования.
min-zoom
(en-US)-
Устанавливает минимальный коэффициент масштабирования.
max-zoom
(en-US)-
Устанавливает максимальный коэффициент масштабирования.
user-zoom
(en-US)-
Управляет тем, должен ли пользователь иметь возможность изменять коэффициент масштабирования.
orientation
(en-US)-
Управляет ориентацией документа.
Формальный синтаксис
Пример:
@viewport {
min-width: 640px;
max-width: 800px;
}
@viewport {
zoom: 0.75;
min-zoom: 0.5;
max-zoom: 0.9;
}
@viewport {
orientation: landscape;
}
Спецификация:
Спецификация | Статус | Комментарий |
---|---|---|
CSS Device Adaptation Определение '@viewport' в этой спецификации. |
Рабочий черновик | Initial definition |
Совместимость с браузерами:
Смотреть также
<meta>
, specifically<meta name="viewport">
- Using the viewport meta tag to control layout on mobile browsers