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 Juli 2015.
Die schreibgeschützte Eigenschaft media
der
MediaQueryList
-Schnittstelle ist ein String, der eine
serialisierte Media-Query darstellt.
Wert
Ein String, der eine serialisierte Media-Query darstellt.
Beispiele
Dieses Beispiel führt die Media-Query (width <= 600px)
aus und zeigt den
Wert der resultierenden media
-Eigenschaft der MediaQueryList
in einem
<span>
an.
JavaScript
js
let mql = window.matchMedia("(width <= 600px)");
document.querySelector(".mq-value").innerText = mql.media;
Der JavaScript-Code übergibt die zu prüfende Media-Query an matchMedia()
, um sie zu kompilieren, und setzt dann den innerText
des <span>
auf den Wert der media
-Eigenschaft des Ergebnisses.
HTML
html
<span class="mq-value"></span>
Ein <span>
, um die Ausgabe zu empfangen.
Ergebnis
Spezifikationen
Specification |
---|
CSSOM View Module> # dom-mediaquerylist-media> |
Browser-Kompatibilität
Loading…