mon ami le client ma demander de faire un site pour des resolution differentes et ma donné ces resolution:
1/ 1920x1080
2/ 1024x768
3/ 1280x1024
4/ 1280x800
5/ 1600x900
6/ 1440x900
7/ 1366x768
et ma dit qui'il represente les different resolution standard d'affichge.
je ne sais pas comment faire est ce que je doit faire une media-query pour chaqu'in de ces resolution par exemple:
@media (min-width: 1080px) and (max-width: 1920px){...}
@media (min-width: 768px) and (max-width: 1024px){...}
@media (min-width: 1024px) and (max-width: 1280px){...}
@media (min-width: 800px) and (max-width: 1280px){...}
@media (min-width: 900px) and (max-width: 1600px){...}
@media (min-width: 900px) and (max-width: 1440px){...}
@media (min-width: 768px) and (max-width: 1366px){...}
ou est ce qu'il ya d'autre solution plus optimizé :
voici mon site il me semble bien sans faire tout ces media queries ci-dessus mais le client ne'est pas satisfait:
http://www.nineteen-web.fr/~groupeauto/SNCF2/
j'ai utilisé les media queries suivant:
@media (min-width: 1200px) {...}
@media (min-width: 992px) and (max-width: 1199px) , screen and (max-width: 1280px) and (max-height: 850px) , screen and (max-height: 835px) {...}
@media (min-width: 768px) and (max-width: 991px) {...}
@media (max-width: 767px) {...}
@media (max-width: 535px) and (min-width: 471px) {...}
@media (max-width: 480px) {...}
@media (min-width: 768px){...}
@media (max-height: 600px) {...}
najmeddine
