Grow your CSS skills. Land your dream job.

Responsive site… not responding

  • # July 11, 2012 at 11:46 pm

    Oky doky,

    I spent a whole ton of time making sure my new site is responsive. If you head over there: http://robbieday.net/ then you’ll notice that it’s responsive when you resize your browser window.

    BUT! When I load the site on my iphone and iPad, it loads to the 1024px breakpoint layout — like the media queries quit working or something.
    It’s tough to describe, but when I load it on either of my iOS devices, the site loads down to the @media screen and (max-width: 1024px) {

    does not resize.

    And I have to use zoom to navigate the site from there.

    Ultra strange is that resizing the browser window does in fact trigger the media queries.

    Is there a simple fix I’m glancing over?

    If I could post a reduced test case I would… but I don’t even know where to begin with this issue.

    Thanks so much for everything!

    Robbie

    # July 11, 2012 at 11:51 pm

    try adding something similar to this to your head: <meta name=viewport content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">

    and use this in your css for the phone size: -webkit-text-size-adjust:none;

    # July 11, 2012 at 11:57 pm

    Thanks a ton @stevencrader! The meta tag was what I needed. And I’m on my way to add the webkit adjust fix too. I appreciate it!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".