размер-экрана

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

Примечание: Для запроса высоты области просмотра разработчики должны использовать медиа-функцию 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="http://foo.bar.com/short-styles.css" />

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

Спецификация
Media Queries Level 4 # размер-экрана
Media Queries Level 4 # размер-экрана

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`device-height`	1	12	2	10	3	18	4	10.1	1	1.0	≤37

См. также

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