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

[fatman]

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?

[SgtLegend]

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.

[Author]

Posts