Media query

bonjour,

j'ai une question
si je fais :

@media (max-width:640px) {body{width:auto!important; display: table;
		table-layout: fixed;}
.depVisible {display:none;}
.dep640-800 {display:block;}
}

et

@media (max-height:685px) {
	.depVisible{ display:none;}
	.depNoVisible{ display:none;}
.dep640-800 {display:none;}
	.depNoVisible1{ display:block;}
}

mais si je combine les deux ca ne marche plus :

@media (max-width:640px) and (max-height:685px) {body{width:auto!important; display: table;
		table-layout: fixed;}
.depVisible {display:none;}
.dep640-800 {display:none;}
	.depNoVisible1{ display:block;}
}

pouvez-vous m'aider en me disant ou se situe mon erreur ou est-ce l'écriture de @media (max-width:640px) and (max-height:685px) est correct?

C'est quoi l'intérêt du max-height?

en faite j'ai un 2éme bloc avec slide qui s'affiche a la place du 1ér si la hauteur diminue

je vois qu'il y a personne qui a une idée sur ca

sur ma page je ne veux pas de scroll ni horizontale ni verticale, c'est pourquoi je veux utiliser le max-heigh t(pour afficher mon 2eme bloc avec contenu slide et masquer le 1ér bloc) au cas ou la hauteur de l'ecran diminue.

si quelqu'un a une idée sur ca

Bonjour,

La media query combinée marche chez moi (test avec Firefox 9).

Bien sûr si le viewport fait moins de 640px de large mais plus de 685px de haut, ou encore moins de 685px de haut mais plus de 640px de large, alors la media query n'est pas vérifiée et le code n'est pas appliquée. C'est bien le comportement souhaité?

bonjour fvsch,

merci oui c'est ce comportement que je veux,

est-ce l'écriture de cette propriété est correcte ?

@media (max-width:640px) and (max-height:685px)

y'a t-il pas une erreur sur le code?

Salut,

ndio a écrit :
y'a t-il pas une erreur sur le code?

Pour ma part, je n'en vois pas.

Merci je vais essayer de faire d'autres tests sur google chrome