Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How do I get iPhone to break div’s responsively instead of re-sizing?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #44599
    dharmata
    Member

    Hello everyone,

    I’ve just finished my first fully responsive page today and it all works great when I re-size my screen, (div’s have clear:both so they stack at smaller sizes, etc), but when I look at it on the iPhone it just gets auto scaled and never breaks as I’ve specified in the @media assignments. I’ve added the meta tags disabling scaling, but it seems the iphone just ignores it.

    The site is http://events.dharmata.org. Here’s the CSS:

    @media all and (min-width: 900px) {
    #section {
    float: left;
    margin: 1%; /* 10px ÷ 1000px = .01 */
    width: 38%; /* 320px ÷ 1000px = .440 */
    }
    #aside {
    float: right;
    margin: 1%; /* 10px ÷ 1000px = .01 */
    width: 58%; /* 640px ÷ 1000px = .66 */
    }
    footer {
    clear: both;
    }
    }

    I’m sure this must be easy, but I got a little bit stuck. Thanks for your help!

    Ben

    #134240
    Paulie_D
    Member

    Is there something different in the way iOS devices treat iframes?

    Just a thought.

    #134333
    CrocoDillon
    Participant

    > I’ve added the meta tags disabling scaling

    You might need those on the page with the frames as well, I think. Why do you use frames anyway, I think it’s even invalid with that doctype.

    #134396
    dharmata
    Member

    It’s funny, the frameset tags seem to be added after the page renders. None of that is in my original code. Where do you think that is being added?

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