Как пользоваться media c min-width?

Question

[Uber Noob]

@media (min-width: 992px) {
	.myblock{
	   width: 
	   height: 
	}
}

Например, я хочу задать специальные стили для ipad и других планшетников. Какой для них указывать min-width и какой max-width?

Answer 1

[Seva Sargsyan]

max-width: 992px
означает выпалнение этого кода ОТ 1px до 992px
min-width: 992px
ОТ 992px до бесконечность

Answer 2

[Никита Кит]

media screen and (max-width: 1024px){
стили для экранов ДО 1024 пикселя шириной
}
media screen and (min-width: 1024px){
стили для экранов ОТ 1024 пикселя и шире
}

Comments

[Uber Noob]

Простите, до 1024 включительно? Или нет? max-width: 1024px min-width: 1024px тогда 1024 само куда всё же попадёт?

[Никита Кит]

min-width: 1024 включительно, а max-width от 1024px. То есть сам 1024 попадает в запрос min-width... Насколько я помню... лучше поэкспериментируй

[Никита Кит]

ubernoob: тут, кстати, относительно планшетов, есть альбомная и портретная ориентация. я всегда задаю портретку для планшетов как альбомку для мобилок (max-width 800px), потом альбомку планшетов (min-width 801px) (max-width 1200px), потом для средних десктопов также, и уже дальше по большим десктопам