Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.
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 Ja | 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 Ja | WebView Android Vollständige Unterstützung Ja | Chrome Android Vollständige Unterstützung Ja | Edge Mobile Vollständige Unterstützung 12 | Firefox Android Vollständige Unterstützung 4 | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legende
- Vollständige Unterstützung
- Vollständige Unterstützung
- Kompatibilität unbekannt
- Kompatibilität unbekannt