Forums

Get help. Give help. A Web Design and Development Community.

iPhone media query

  • # February 16, 2013 at 7:51 pm

    [Your text to link here…](http://responsive.jknetdesign.com/ “http://responsive.jknetdesign.com/”)

    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

    This reply has been reported for inappropriate content.

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

    # February 16, 2013 at 8:10 pm

    This reply has been reported for inappropriate content.

    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

    This reply has been reported for inappropriate content.

    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

    This reply has been reported for inappropriate content.

    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.

We have a pretty good* newsletter.