bonjour,
à partir d'un site web existant, j'ai créé une feuille CSS spécifique qui permet de l'afficher sur les smartphone.
j'ai utilisé le jeu de déclarations suivantes:
et j'ai obtenu ce que je voulais, en me basant sur la résolution 320x480 du smartphone standard.
Mais j'ai pu voir le site sur un iPhone 5 et en orientation paysage, ce site s'affiche dans la version desktop puisque, comme l'explique ce billet http://blog.goetter.fr/post/32937386479/les-pixels-de-liphone-5, l'iPhone 5 a une dimension en largeur de 568px..
est ce que modifier ma déclaration en media="only screen and (max-width:568px)" est elle la meilleure solution??
j'ai pas encore intégré la notion de viewport et de device, aucune explication ne m'ayant convaincu..
merci
Modifié par lionel_css3 (10 Apr 2013 - 17:45)
à partir d'un site web existant, j'ai créé une feuille CSS spécifique qui permet de l'afficher sur les smartphone.
j'ai utilisé le jeu de déclarations suivantes:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../css/mobile.css" media="only screen and (max-width:480px)" rel="stylesheet" type="text/css">
<link href="../css/main2.css" media="only screen and (min-width:481px)" rel="stylesheet" type="text/css">
et j'ai obtenu ce que je voulais, en me basant sur la résolution 320x480 du smartphone standard.
Mais j'ai pu voir le site sur un iPhone 5 et en orientation paysage, ce site s'affiche dans la version desktop puisque, comme l'explique ce billet http://blog.goetter.fr/post/32937386479/les-pixels-de-liphone-5, l'iPhone 5 a une dimension en largeur de 568px..
est ce que modifier ma déclaration en media="only screen and (max-width:568px)" est elle la meilleure solution??
j'ai pas encore intégré la notion de viewport et de device, aucune explication ne m'ayant convaincu..
merci
Modifié par lionel_css3 (10 Apr 2013 - 17:45)