Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

device-height CSS-Media-Feature

Deprecated

Avoid using this feature in new projects. Device media queries do not reflect available layout, only the physical size of the device. This feature may be a candidate for removal from web standards or browsers.

Consider using the following features instead: Media queries.

Hinweis: Um die Höhe des Viewports abzufragen, sollten Entwickler stattdessen die height-Media-Feature verwenden.

Die device-height CSS Media-Feature kann verwendet werden, um die Höhe der Rendering-Oberfläche eines Ausgabegeräts zu testen.

Syntax

Die device-height-Feature wird als ein <length>-Wert angegeben. Es handelt sich um eine Bereichs-Feature, was bedeutet, dass Sie auch die vorgestellten min-device-height und max-device-height Varianten verwenden können, um Mindest- bzw. Höchstwerte abzufragen.

Beispiele

Anwenden eines speziellen Stylesheets für Geräte, die kürzer als 800 Pixel sind

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

Spezifikationen

Spezifikation
Media Queries Level 4
# device-height

Browser-Kompatibilität

Siehe auch