Вопрос проверяет знание параметров среды отображения, которые доступны для проверки в media queries.
В media queries можно проверять размеры экрана, ориентацию и плотность пикселей.
Также можно учитывать тип устройства и пользовательские настройки.
Эти параметры используются для точной адаптации интерфейса.
Чаще всего проверяется ширина viewport.
Media queries позволяют реагировать не только на размер экрана, но и на другие характеристики устройства.
На практике чаще всего используются следующие параметры:
Размеры экрана
width, height
min-width, max-width
Ориентация устройства
orientation: portrait
orientation: landscape
Тип устройства
screen
print
Плотность пикселей
resolution
device-pixel-ratio
Возможности ввода
hover
pointer
@media (min-width: 1024px) and (hover: hover) {
.menu {
display: block;
}
}
Media queries позволяют адаптировать интерфейс не только под размеры экрана, но и под реальные возможности устройства, что делает верстку более гибкой.