device-width 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 Breite des Ansichtsfensters abzufragen, sollten Entwickler stattdessen die width Media-Feature verwenden.
Die device-width CSS Media-Feature kann verwendet werden, um die Breite der Anzeigefläche eines Ausgabegeräts zu testen.
Syntax
Die device-width-Feature wird als <length> Wert angegeben. Es handelt sich um ein Bereichsfeature, was bedeutet, dass Sie auch die mit min-device-width und max-device-width versehenen Varianten verwenden können, um Minimum- und Maximumwerte abzufragen.
Beispiele
Anwenden eines speziellen Stylesheets für Geräte, die schmaler als 800 Pixel sind
<link
rel="stylesheet"
media="screen and (max-device-width: 799px)"
href="https://cdn.example.com/narrow-styles.css" />
Spezifikationen
| Spezifikation |
|---|
| Media Queries Level 4 # device-width |