Forums

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

Home Forums CSS Specific media query styles ignored on browser & mobile

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #39800
    modiophile
    Participant

    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!

    #109896
    Paulie_D
    Member

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

    #109907
    TheDoc
    Member

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

    #109920
    TheDoc
    Member

    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)
  • The forum ‘CSS’ is closed to new topics and replies.