Utilisation de max-device-with et/ ou max-width et test

Bonjour

pour la mise en place de media queries et adapter les css en fonction du périphérique d'affichage, que vaut il mieux utiliser ? max-width ? max-device-width ?

Jusque là j'utilise max-width en dev pour pouvoir utiliser les outils de redimensionnement de zone d'affichage de firefox et chrome, et je passe à max-device-width en production, est ce la bonne démarche ?

Question subsidiaire : comment tester le bon fonctionnement des rendus css pour différents périphériques quand on ne dispose pas de ceux si ?

Merci pour vos réponses.

Laurent

Pour le max width ou max device witth... un article.. . http://www.alsacreations.com/astuce/lire/72-min-width-max-width-min-height-et-max-height-sur-internet-explorer-6.html


Pour tester tu peux utiliser : http://lab.maltewassermann.com/viewport-resizer/

Bonjour, blond1n le premier lien que tu donnes concerne IE6 et ne répond pas à ce que Pifou demandait à la base.

Par contre si tu peux expliquer comment fonctionne ton 2ème lien, car je ne comprend pas ce qu'il faut faire...

Et je suis intéressé aussi pour trouver un Bon site qui permettrai de tester son travail sur les différents device.

Merci.
Modifié par LeFredd (10 Mar 2014 - 12:25)