Какие параметры можно проверять в media queries?

Question

В media queries можно проверять размеры экрана, ориентацию и плотность пикселей.
Также можно учитывать тип устройства и пользовательские настройки.
Эти параметры используются для точной адаптации интерфейса.
Чаще всего проверяется ширина viewport.

YeaHub · Accepted Answer

Media queries позволяют реагировать не только на размер экрана, но и на другие характеристики устройства.Основные параметры media queriesНа практике чаще всего используются следующие параметры:Размеры экранаwidth, heightmin-width, max-widthОриентация устройстваorientation: portraitorientation: landscapeТип устройстваscreenprintПлотность пикселейresolutiondevice-pixel-ratioВозможности вводаhoverpointerПример@media (min-width: 1024px) and (hover: hover) {
  .menu {
    display: block;
  }
}
ВыводMedia queries позволяют адаптировать интерфейс не только под размеры экрана, но и под реальные возможности устройства, что делает верстку более гибкой.