MediaQueryList: media-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die media
-Eigenschaft der MediaQueryList
-Schnittstelle ist eine schreibgeschützte Zeichenkette, die eine serialisierte Media Query darstellt.
Wert
Eine Zeichenkette, die eine serialisierte Media Query darstellt.
Beispiele
Dieses Beispiel führt die Media Query (max-width: 600px)
aus und zeigt den Wert der resultierenden media
-Eigenschaft der MediaQueryList
in einem <span>
an.
JavaScript
let mql = window.matchMedia("(max-width: 600px)");
document.querySelector(".mq-value").innerText = mql.media;
Der JavaScript-Code übergibt die zu passende Media Query an matchMedia()
, um sie zu kompilieren, und setzt dann die innerText
des <span>
auf den Wert der media
-Eigenschaft des Ergebnisses.
HTML
<span class="mq-value"></span>
Ein <span>
zur Aufnahme der Ausgabe.
Ergebnis
Spezifikationen
Specification |
---|
CSSOM View Module # dom-mediaquerylist-media |
Browser-Kompatibilität
BCD tables only load in the browser