I’m something of a beginner in this area but I think I’ve done all the right things to get my website to display in three different ways – with max-device-width of 320px, 480px, and anything above 480px.
However when I look at this on a Samsung Galaxy Ace 2 mobile phone it’s not doing what I expect. At first the phone displays the above 480px version. If I refresh the page the phone then stays on the same version but zooms in. And then if I refresh again the correct page version (320px) is displayed.
Can anyone suggest what I might be doing wrong?
Why are you using frames? If you go to //www.eminencegrise.talktalk.net/youview/ on mobile it works as expected but the frames are messing things up. Maybe add the viewport meta to the page with the frames?