The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › I'm missing something about designing for mobile
I have built a few mobile responsive websites using media queries. They look great on all sizes on desktop, but when looking at them on my iPhone, the full-width site is showing instead of the smaller version. Am I missing something?
An example is http://johiggins.com
No viewport meta?
Thanks everyong. I added that code justdan, but the thing that changed my problem was changing from “max-width” to “max-device-width”. I guess I didn’t understand the difference between the two.
I ended up just copying the queries I had written for smaller screens, putting them at the bottom and changing to max-device-width to target phones and tablets. If there’s a better way I’m all ears.