Помощь с медиа запросом?

Question

[Muslim Mamaev]

Здравствуйте! хочу чтобы больше ширины 800px див класс исчез.Как не странно у меня не работает именно если задать 800px. 900px 1200px 1400px всё работает.

@media screen and (min-width: 900px) {
  .ipad{display: none;}	
}

Comments

[lamer350]

Выложите код в песочницу, судя по коду все нормально...

[Muslim Mamaev]

lamer350, да стоит @

[Muslim Mamaev]

@media screen and (min-width: 900px) {
	
.ipad{display: none;}	
	
	
	
}

Answer 1

[Александр Токмаков]

media screen and (min-width: 1200px) {

}
media screen and (min-width: 1000px) {

}

media screen and (min-width: 800px) {
.ipad{display: none;}
}

Вообщем условия должны быть по убыванию, а не по возрастанию

Comments

[Александр Токмаков]

media screen and (min-width: 1200px) {

}
media screen and (min-width: 1000px) {
.ipad{display: none;}
}

media screen and (min-width: 800px) {
.ipad{display: block;}
}

[Ankhena]

Вообщем условия должны быть по убыванию, а не по возрастанию

Для max-width по убыванию, для min по возрастанию.
Исправьте либо то либо другое.

[Александр Токмаков]

А точнее

media screen and (min-width: 801px) {
.ipad{display: none;}
}

media screen and (min-width: 800px) {
.ipad{display: block;}
}

[Александр Токмаков]

Xdevelx, сори. просто скопировал. max-width конечно