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…).

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">

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