1485 sujets

Web Mobile et responsive web design

Bonjour,

Je pense avoir trouvé une de mes erreurs mais je souhaiterai confirmation.
Par rapport aux diverses tailles des smartphones et des tablettes, on trouve ( cfmydevice.io ) par exemple;
device-width: 360px avec un device-height de 640px.

Pour afficher une requete portant uniquement sur les smartphones en mode paysage, j'écrivais:

@media only screen and (max-device-width: 360px) and (orientation : landscape) {
/* code css */
}

Mais pour que cela fonctionne, il faut que j'écrive:

@media only screen and (max-device-width: 640px) and (orientation : landscape) {
/* code css */
}

Est-ce bien la bonne manière?

Merci

Cordialement
Administrateur
Oui, parce que "device-width" correspond à la largeur du device selon l'orientation.

(ce qui est "height" en portrait devient "width" en paysage)