CSS-медиавозможность `device-height`

Baseline Ограниченная доступность

Эта возможность не входит в Baseline, поскольку она не работает в некоторых наиболее широко используемых браузерах.

Устарела: Эта возможность больше не рекомендуется. Хотя некоторые браузеры могут по-прежнему её поддерживать, она уже могла быть удалена из соответствующих веб-стандартов, может находиться в процессе исключения из них или сохраняться только для обеспечения совместимости. Не используйте её и, по возможности, обновите существующий код; при принятии решения обратитесь к таблице совместимости внизу этой страницы. Обратите внимание, что эта возможность может перестать работать в любой момент.

Примечание: Для получения высоты области просмотра разработчикам следует использовать медиавозможность height.

Медиавозможность device-height CSS медиавозможность можно использовать для проверки высоты поверхности рендеринга устройства вывода.

Синтаксис

Медиавозможность device-height задаётся значением типа <length>. Это возможность с диапазоном, поэтому для проверки минимального и максимального значений также можно использовать варианты с префиксами min-device-height и max-device-height соответственно.

Примеры

Применение специальной таблицы стилей для устройств с высотой менее 800 пикселей

<link
  rel="stylesheet"
  media="screen and (max-device-height: 799px)"
  href="https://cdn.example.com/short-styles.css" />

Спецификации

Спецификация
Media Queries Level 4 # device-height

Совместимость с браузерами

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`device-height`	1	12	2	10	3	18	4	10.1	1	1.0	4.4	1

См. также

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/device-height