@viewport

@viewport CSS at-rule содержит набор вложенных дескрипторов в блоке CSS, который разделён фигурными скобками. Эти дескрипторы управляют настройками видового экрана, в первую очередь на мобильных устройствах.

Коэффициент масштабирования, равный 1,0 или 100%, соответствует отсутствию масштабирования. Увеличьте масштаб больших значений. Меньшие значения уменьшаются

Браузеры должны игнорировать непризнанные дескрипторы.

min-width

Используется при определении ширины видового экрана при первом отображении документа.

max-width

Используется при определении ширины видового экрана при первом отображении документа.

width

Сокращённый дескриптор для установки как минимальной ширины(min-width), так и максимальной ширины(max-width).

min-height

Используется при определении высоты видового экрана при первом отображении документа.

max-height

Используется при определении высоты видового экрана при первом отображении документа.

height

Сокращённый дескриптор для установки как минимальной высоты(min-height), так и максимальной высоты(max-height).

zoom

Устанавливает начальный коэффициент масштабирования.

min-zoom

Устанавливает минимальный коэффициент масштабирования.

max-zoom

Устанавливает максимальный коэффициент масштабирования.

user-zoom

Управляет тем, должен ли пользователь иметь возможность изменять коэффициент масштабирования.

orientation

Управляет ориентацией документа.

@viewport {
  <group-rule-body>
}

@viewport {
  min-width: 640px;
  max-width: 800px;
}
@viewport {
  zoom: 0.75;
  min-zoom: 0.5;
  max-zoom: 0.9;
}
@viewport {
  orientation: landscape;
}

• <meta>, specifically <meta name="viewport">
• Using the viewport meta tag to control layout on mobile browsers