Mediaquery nie działa na smartfonie tak jak powinno

[mario88]

Witam,
mam problem z wykorzystaniem media query.
Chciałem przetestować stronę na telefonie Sony M4 Aqua i sprawdziłem najpierw jaką ma rozdzielczość, na stronie producenta znalazłem że ma: 720 x 1280 px (5,00") 294 ppi.
Napisałem takie media query:

Code: Zaznacz cały

body {
  background-color: red;
}

@media only screen and (min-width: 769px) {
    body {
        background-color: green;
    }
}

@media only screen and (min-width: 1281px) {
    body {
        background-color: lightblue;
    }
}

I w przeglądarce jak zmieniam rozmiar okna to na tych breakpintach zmienia kolor tak jak powinno ale jak odpalę sobie ta stronkę na telefonie to nic się nie zmienia albo zmienia się jedno gdzie wcale nie powinno.
Nie mam zielonego pojęcia o co w tym chodzi. Powinno działać. Co robię źle?

[Morfidon]

Zamiast z min, skorzystaj z max, wtedy właściwości zostaną zastosowane do wszystkich mniejszych urządzeń