Forums

Give help. Get help.

  • # September 12, 2012 at 11:28 am

    Hello,

    I’m just about done with this website (http://tinyurl.com/8ps7joa), but I am facing two issues that are bugging me…

    1) The media query set

    “@media screen and (max-width: 320px)”

    is being ignored ONLY on desktop browser, despite me not specifying device type.

    2) When viewed ON MOBILE (max-width: 320px) the style

    html, body {
    width:320px;
    }

    is being ignored. If you scroll to the right there appears to be white space, where the 320px should of already ended.

    Thanks!

    # September 12, 2012 at 11:43 am

    What is it supposed to do below 320px on a desktop browser that it isn’t?

    # September 12, 2012 at 1:09 pm

    If you’re testing on an iPhone it should be `min-width: 320px`, not `max`.

    # September 12, 2012 at 4:43 pm

    If the media query isn’t supposed to apply to desktop, then you can just use `min-device-width` and `max-device-width`. I’m not really sure what you’re going for, though.

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag