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
  • #44599

    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 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!



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

    Just a thought.


    > 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.


    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.