====== Mobile Web ======
Notes et techniques glanées ici ou là permettant d'améliorer le rendu d'une page web pour l'affichage mobile (viewport, responsive design et media queries...).

===== Échelle =====
Comme évoqué [[https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag|dans la doc de firefox]], la première chose est d'ajouter le tag META suivant au header de la page :
<code html>
<meta name="viewport" content="width=device-width">
</code>
Il permet de forcer le contenu de la page à s'adapter à la largeur du contenu.

On peut éventuellement ajouter des conditions pour empêcher le zoom :

<code html>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</code>

===== Media Queries =====
Ici, un jour, peut-être, quelque-chose...