My iPhone thinks it's 980px wide
I'm trying to create a set of three very simple media query's to handle a range of screen sizes. Here's what I came up with, after a bunch of headscratching: @media all and (min-width: 0px) and (max-width: 480px) { styles here } @media all and (min-width: 481px) and (max-width: 1023px) { styles here } @media all and (min-width: 1024px) { styles here } This works as I expected in browsers, but when I point my iphone at it, it insists on displaying the syles for the medium size. Playing with the numbers, I found that only with a max-width of 980px does the iphone respond to the styles within