Treehouse: Grow your CSS skills. Land your dream job.

iPhone media query

  • # February 16, 2013 at 7:51 pm

    [Your text to link here…]( “”)

    This has a built in media query that works in the browser when pinched to 320px.
    On the iPhone it doesn’t seem to wok. The contents are supposed to be centered with a 10px margin on both sides.

    # February 16, 2013 at 8:04 pm

    On laptop at 320px wide, 20px margin. Same on iPhone.

    # February 16, 2013 at 8:10 pm

    You miss the closing `}` of the previous MQ at line 1455: `/* END max-width : 719px */`, think that should fix it :)

    # February 16, 2013 at 10:30 pm

    Yep, that gave it the smaller margin I wanted on 320px wide, but it’s odd how the page moves around horizontally when you move your finger around. Is this normal for media queried websites on t he iPhone? ty

    # February 17, 2013 at 6:34 am

    Nope, that’s not normal. What your website has is a problem (or bug, or feature) with using margins like you do on `nav id=”access”`, you can try positioning that element without using negative margins.

    Edit: That alone didn’t seem to fix it, change `#masonry-index` width from 105% to 100% in style.css line 701 :)

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

You must be logged in to reply to this topic.