width ist eine CSS Medien-Eigenschaft, die verwendet werden kann um Stile basierend auf der Breite der Anzeige (Viewport) zuzuordnen. Die Breite muss als <length> Wert definiert werden.
Syntax
width ist ein Breichswert, d.h. min-width und max-width sind ebenfalls verfügbar.
/* Exakte Breite */
@media (width: 300px) {}
/* Viewport Minimale Breite */
@media (min-width: 50em) {}
/* Viewport Maximale Breite */
@media (max-width: 1000px) {}
Spezifikationen
| Spezifikation | Status | Kommentar |
|---|---|---|
| Media Queries Level 4 Die Definition von '@media' in dieser Spezifikation. |
Anwärter Empfehlung | Keine Änderung. |
| Media Queries Die Definition von 'width' in dieser Spezifikation. |
Empfehlung | Initiale Definition. |
Browserkompatibilität
Update compatibility data on GitHub
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
width media feature | Chrome Vollständige Unterstützung 1 | Edge Vollständige Unterstützung 12 | Firefox Vollständige Unterstützung 2 | IE Vollständige Unterstützung 9 | Opera Vollständige Unterstützung Ja | Safari Vollständige Unterstützung 3 | WebView Android Vollständige Unterstützung ≤37 | Chrome Android Vollständige Unterstützung 18 | Firefox Android Vollständige Unterstützung 4 | Opera Android Vollständige Unterstützung Ja | Safari iOS Vollständige Unterstützung 1 | Samsung Internet Android Vollständige Unterstützung 1.0 |
Legende
- Vollständige Unterstützung
- Vollständige Unterstützung