Table des matières

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é dans la doc de firefox, la première chose est d'ajouter le tag META suivant au header de la page :

<meta name="viewport" content="width=device-width">

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 :

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

Media Queries

Ici, un jour, peut-être, quelque-chose…