Forums

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

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #163412
    Josiahmann
    Participant

    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

    #163416
    Paulie_D
    Member

    No viewport meta?

    #163454
    Josiahmann
    Participant

    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.

    Thanks again

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.