Discussion :

[mlazaro]

Bonjour a tous,

Je travaille sur un projet de site internet pour téléphones, tablettes et ordinateurs. J'ai commence avec un design fluide et j'ai vu que certains sites arrivent a limiter la taille de la fenêtre du navigateur a un minimum (taille téléphone). J'ai trouve une solution avec dans le css sur le body un min-width: 320px et un javascript respond.js.
Maintenant j'ai un problème, ça fonctionne très bien sur safari et chrome mac mais sur PC chrome, FF ou même IE, ça ne marche pas.
Est-ce que quelqu'un aurait une solution?

Merci!

[SpaceFrog]

differentes possibilités :
mettre des tailles en %
utiliser un css different pour les médias handheld
utilser un hack css pour le min-width qui n'est en effet pas implémenté sur toutes les versions de tous les browsers ...

En tout état de cause il s'agit plus d'un souci de css que de javascript ...

[mlazaro]

Non le css est bon, je pense que c'est du javascript:
Voici des exemples de ce dont je parle.
http://www.aie.org/
http://thefuturemckeowns.com/
Dans le css on a principalement des définitions de taille en pourcentage et le body a un min-width de 320px mais c'est a peu près tout ce qu'on peut faire avec. J'ai teste et ça fonctionne sur mac Safari et Chrome mais sur PC toujours pas.

[Muchos]

Non, SpaceFrog te l'a bien expliqué : on peut fixer des rendus de pages selon les dimensions du viewport avec CSS.

C'est d'ailleurs ce que font les sites que tu donnes en exemple, grâce au media queries CSS3.