Grow your CSS skills. Land your dream job.

CSS3 Media Queries: max-device-width vs max-width

  • # February 14, 2013 at 3:19 am

    For brevity I will use max-* but I also include min-* in my question.

    It seems like **max-width** is more flexible as it covers both the device you want to target and the browser window resize, whereas **max-device-width** only happens on the actual device targeted.

    So my question is, are there any advantages to using **max-device-width** and not **max-width**?

    Under what circumstances would I prefer one over the other?

    # February 14, 2013 at 5:51 am

    Personally I have always just used max-width because it just works for me, that’s probably the worst argument to read but I tend to lean towards solutions that work without any extra work which `max-width` does. I would think `max-device-width` would be more handy if you were creating a mobile specific website that is separate from the desktop site but apart from that I don’t really see why it would better to use.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".