MediaQueryList: media-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die schreibgeschützte Eigenschaft media der Schnittstelle MediaQueryList ist ein String, der eine serialisierte Medienabfrage darstellt.
Wert
Ein String, der eine serialisierte Medienabfrage darstellt.
Beispiele
Dieses Beispiel führt die Medienabfrage (width <= 600px) aus und zeigt den Wert der Eigenschaft media der resultierenden MediaQueryList in einem <span> an.
HTML
html
<span class="mq-value"></span>
Ein <span> für die Ausgabe.
JavaScript
js
let mql = window.matchMedia("(width <= 600px)");
document.querySelector(".mq-value").innerText = mql.media;
Der JavaScript-Code übergibt die zu prüfende Medienabfrage an matchMedia(), um sie zu kompilieren. Anschließend setzt er innerText des <span> auf den Wert der Eigenschaft media des Ergebnisses.
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| CSSOM View Module # dom-mediaquerylist-media |