From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/api/window/matchmedia/index.html | 77 +++++++++++++++++++++++++++ 1 file changed, 77 insertions(+) create mode 100644 files/fr/web/api/window/matchmedia/index.html (limited to 'files/fr/web/api/window/matchmedia') diff --git a/files/fr/web/api/window/matchmedia/index.html b/files/fr/web/api/window/matchmedia/index.html new file mode 100644 index 0000000000..1237675eeb --- /dev/null +++ b/files/fr/web/api/window/matchmedia/index.html @@ -0,0 +1,77 @@ +--- +title: window.matchMedia +slug: Web/API/Window/matchMedia +translation_of: Web/API/Window/matchMedia +--- +
+ {{ApiRef}}
+

Résumé

+

Retourne un nouvel objet {{domxref("MediaQueryList")}} contenant les résultats de la chaîne de caractères media query spécifiée.

+

Syntaxe

+
mql = window.matchMedia(mediaQueryString)
+

Ici, mediaQueryString est une chaîne de caractère représentant la media query pour laquelle on retourne un nouvel objet {{domxref("MediaQueryList")}}.

+

Exemple

+
if (window.matchMedia("(min-width: 400px)").matches) {
+  /* the view port is at least 400 pixels wide */
+} else {
+  /* the view port is less than 400 pixels wide */
+}
+

Ce code permet de gérer la mise en page d'une manière différente quand l'écran est moins large.

+

Voir Utiliser les media queries avec du code pour plus d'exemples.

+

Compatibilité des navigateurs

+

{{CompatibilityTable()}}

+
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support9{{CompatGeckoDesktop("6.0")}}10 PP3 {{property_prefix("ms")}}{{CompatNo()}}5.1
+
+
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support3.0{{CompatGeckoMobile("6.0")}}{{CompatNo}}{{CompatNo}}5
+
+

Spécification

+ +

Voir aussi

+ -- cgit v1.2.3-54-g00ecf