diff options
Diffstat (limited to 'files/fr/web/api/window/matchmedia/index.html')
| -rw-r--r-- | files/fr/web/api/window/matchmedia/index.html | 17 |
1 files changed, 8 insertions, 9 deletions
diff --git a/files/fr/web/api/window/matchmedia/index.html b/files/fr/web/api/window/matchmedia/index.html index ecc1644b62..77fea4b292 100644 --- a/files/fr/web/api/window/matchmedia/index.html +++ b/files/fr/web/api/window/matchmedia/index.html @@ -3,21 +3,20 @@ title: window.matchMedia slug: Web/API/Window/matchMedia translation_of: Web/API/Window/matchMedia --- -<div> - {{ApiRef}}</div> -<h2 id="Summary" name="Summary">Résumé</h2> -<p>Retourne un nouvel objet {{domxref("MediaQueryList")}} contenant les résultats de la chaîne de caractères <a href="/en-US/docs/CSS/Media_queries" title="CSS/Media queries">media query</a> spécifiée.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<div>{{ApiRef}}</div> + +<p>Retourne un nouvel objet {{domxref("MediaQueryList")}} contenant les résultats de la chaîne de caractères <a href="/en-US/docs/CSS/Media_queries">media query</a> spécifiée.</p> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><em>mql</em> = window.matchMedia(<em>mediaQueryString</em>)</pre> <p>Ici, <code>mediaQueryString</code> est une chaîne de caractère représentant la media query pour laquelle on retourne un nouvel objet {{domxref("MediaQueryList")}}.</p> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> <pre class="brush: js">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 */ }</pre> <p>Ce code permet de gérer la mise en page d'une manière différente quand l'écran est moins large.</p> -<p>Voir <a href="/en-US/docs/DOM/Using_media_queries_from_code" title="/en-US/docs/DOM/Using_media_queries_from_code">Utiliser les media queries avec du code</a> pour plus d'exemples.</p> +<p>Voir <a href="/en-US/docs/DOM/Using_media_queries_from_code">Utiliser les media queries avec du code</a> pour plus d'exemples.</p> <h2 id="Specifications">Spécifications</h2> @@ -45,8 +44,8 @@ translation_of: Web/API/Window/matchMedia <h2 id="See_also">Voir aussi</h2> <ul> - <li><a href="/en-US/docs/CSS/Media_queries" title="CSS/Media queries">Media queries</a></li> - <li><a href="/en-US/docs/DOM/Using_media_queries_from_code" title="CSS/Using media queries from code">Using media queries from code</a></li> + <li><a href="/en-US/docs/CSS/Media_queries">Media queries</a></li> + <li><a href="/en-US/docs/DOM/Using_media_queries_from_code">Using media queries from code</a></li> <li>{{domxref("MediaQueryList")}}</li> <li>{{domxref("MediaQueryListListener")}}</li> </ul> |