Какой цвет должен отображаться?

Question

[Villem]

Народ, в чем проблема или чего я не понимаю, имеется телефон width: 320px dpr: 1.5 почему у body бэкграунд розовый, а не зеленый? и еще откуда взялось ширина 980? Спасибо.

@media (max-width: 319px) {
    body {
        background-color: gray;
    }
}

@media (min-width: 301px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
    body {
        background-color: green;
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    body {
        background-color: hotpink;
    }
}

@media (min-width: 1025px) {
    body {
        background: gold;
    }
}


/*# sourceMappingURL=style.css.map */

Answer 1

[pashted]

попробовал у себя... в общем внутри тега head нужна строка

<meta name="viewport" content="width=device-width, initial-scale=1">

Comments

[Villem]

Спасибо, теперь заработало и width верно отображается. Забыл добавить viewport
funkyimg.com/i/2j8XX.jpg