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?
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.
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?
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-widthdoes. I would thinkmax-device-widthwould 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.