Skip to main content


  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #38879

    Oky doky,

    I spent a whole ton of time making sure my new site is responsive. If you head over there: 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!



    This reply has been reported for inappropriate content.

    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;


    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.