À noter la possibilité de spécifier le viewport dans le template proposé (meta name="viewport" content="width=device-width,initial-scale=1.0"). En combinaison avec les CSS media queries, on peut obtenir une version mobile de son site sans trop d'efforts (à condition de pas avoir surchargé sa page de javascript et d'images). Perso, j'utilise pas le polyfill pour le support des vieux IE. Je ne sais pas si y'a des masses de mobile en circulation avec ces versions.
Je n'ai pas eu de soucis lors des tests sur Android (et ça a l'air de fonctionner sur iPhone), mais je ne change pas la feuille de style du tout au tout. Il y a juste des adaptations successives selon la largeur dispo. Y'a un lien pour le source du site en bas pour voir les CSS non minifiés.
[^] # Re: Html5boilerplate
Posté par Vincent Bernat (site web personnel) . En réponse au journal CSS Media Types, smartphones et prises de têtes. Évalué à 3.
À noter la possibilité de spécifier le viewport dans le template proposé (
meta name="viewport" content="width=device-width,initial-scale=1.0"). En combinaison avec les CSS media queries, on peut obtenir une version mobile de son site sans trop d'efforts (à condition de pas avoir surchargé sa page de javascript et d'images). Perso, j'utilise pas le polyfill pour le support des vieux IE. Je ne sais pas si y'a des masses de mobile en circulation avec ces versions.Pour une autre démo des CSS media queries, j'ai écrit une bafouille dessus y'a pas longtemps :
http://www.luffy.cx/fr/blog/2011-css-media-query.html
Je n'ai pas eu de soucis lors des tests sur Android (et ça a l'air de fonctionner sur iPhone), mais je ne change pas la feuille de style du tout au tout. Il y a juste des adaptations successives selon la largeur dispo. Y'a un lien pour le source du site en bas pour voir les CSS non minifiés.