Правильное применение media queries?

Question

[abusabir]

Здравствуйте! Подскажите, если моя вёрстка ориентируется только на изменения ширины устройства, как правильно должны выглядеть media queries?
Дело в том, что я тестировал одну страницу на специальных сайтах, но из реальных устройств под рукой был только монитор и планшет 8", везде отрабатывало как надо, но вот человек с iphone сказал, что у него не переключается.

у меня media screen and (max-width: xxx)

нужно писать
media all and (max-width: xxx) ??

Answer 1

[Юрий]

@media (max-width: nnnpx){

}

Comments

[abusabir]

это чтобы не было условия на чём у нас отображение (экран или что-то другое)?

[Юрий]

да и всегда будет отображаться под размер окна, + не забывать meta name="viewport" content="width=device-width"

Answer 2

[Gennady Karev]

Тестируйте при помощи google dev tools > device mode.

Answer 3

[SN7iNC]

@media only screen 
and (min-width: 320px) and (max-width: 400px){
 /* бла бла бла */}
}