What is the difference between max-device-width and max-width for mobile web?

Question

I need to develop some html pages for iphone/android phones, but what is the difference between max-device-width and max-width? I need to use diffe

Answer 1

Don't use device-width/height anymore.

device-width, device-height and device-aspect-ratio are deprecated in Media Queries Level 4: https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Media_features

Just use width/height (without min/max) in combination with orientation & (min/max-)resolution to target specific devices. On mobile width/height should be the same as device-width/height.