Inside <head> added meta tag
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> But despite this. when entering the site from a smartphone with a 480x800px screen (233ppi), I see the styles that are described inside @ media screen and (max-width:320px){...}
Tell me, what is missing or what is superfluous?
By the way, on cssmediaqueries.com the same phone passes the test: @media screen and (max-width: 480px) perfectly