Media Queries

Quelqu'un pourrait m'expliquer ceci et me dire quels sont les types de devices ciblés par ce code :

@media(max-width:1024px){

}
@media(max-width:900px){
	
}
@media(max-width:640px){

}
@media(max-device-width:640px) and (orientation:landscape){

}
@media print{

}

Merci d'avance.

Salut,

Un petit tour par cet article sur les media queries s'impose.

Victor BRITO a écrit :
Salut,

Un petit tour par cet article sur les media queries s'impose.

Merci pour votre lien, mais pour ma question, je souhaiterai savoir quels sont appareils ciblés (types de mobile) par ces valeurs :

@media(max-width:1024px);
@media(max-width:900px);
@media(max-width:640px);
@media(max-device-width:640px) and (orientation:landscape)

Merci d'avance...

Voilà j'ai compris le principe des media queries. Ce qui me reste à connaitre c'est les différents types de périphériques mobiles et leurs différentes tailles d'affichage (résolutions d'affichage), les standards bien sur.

Merci d'avance.

okono251 a écrit :
Ce qui me reste à connaitre c'est les différents types de périphériques mobiles et leurs différentes tailles d'affichage (résolutions d'affichage)

Hello,

Non seulement ce n'est pas possible (par exemple, rien que les iPad et iPhone ont des résolutions qui varient du simple au double selon le modèle), mais en plus ce n'est pas souhaitable de cibler des périphériques.
Ce qui compte, c'est la surface d'affichage : un design doit s'adapter à des tailles d'écrans, pas à des types de périphériques.