1485 sujets

Web Mobile et responsive web design

Bonjour la communauté,
Je test rapidement une version un peu cracra (pas de fluide etc) d'une css pour un site en Joomla en version mobile/640px.

A l'aide d'un media j'ai redimensionnée les éléments de la page d'accueil en 640px et ca donne bien mais malgré l'usage de
<meta name="viewport" content="width=device-width" />
les fonts reste désespérément minuscule sur mon iphone 3GS.

Alors je comprends bien que le viewport d'un 3GS c'est 320 et là j'ai un site en 640px mais quand même cela reste minuscule au possible.

Ou se trouve mon erreur ? Mon test est-il vraiment trop cracra au point que ce qui devrait marcher ne fonctionne pas ?

Merci de votre aide par avance et bonne soirée.

edit : apres un rapide test avec une css pour du 320 cela venait juste du fait qu'il faut bien tout en 320px de large pour que le viewport fonctionne correctement comme indiqué partout ^^
Si d'autres personnes ont des remarques, je suis preneur
Modifié par perelk (21 May 2012 - 18:41)
Salut,

Utiliser la méta viewport avec le paramètre que tu as utilisé, c'est bien, c'est très bien ; encore faut-il voir si les feuilles de style sont adaptées et suivent, autrement dit, les préceptes du responsive Web design (vu la cascade d'appels CSS, j'ai la flemme de vérifier toutes les feuilles de style Smiley rolleyes ).
Merci mais comme dit dans mon post c'est réglé ^^
Cela venait bien d'un étalonnage de la largeur et du viewport. Il faut exactement la même largeur réelle que celle du viewport du device pour avoir des fonts lisibles (du moins de manières optimales).

Et oui Joomla quand on ne connait pas c'est hardcore à déchiffrer car en réalité seule 1+2 petites css sont le fruit de mon travail d'intégrateur, le reste ce sont celles par défaut des différentes composants/plug/modules etc. A la mise en prod on merge css et js un peu mais comme on rencontre toujours des conflits js voire css ^^