@media doesn't work on phone, (min-width: 480px) and (max-width: 720px) - phone resolution is 720 width, what is it?

Question

Layout

@media (min-width: 480px) and (max-width: 720px) {
    h1 {
        color: red;
    }
}

If you set a smaller range, then the styles work, what is the reason for this?

Answer 1

This means that the screen width for the browser on your phone is <480px.

Answer 2

Width less