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

the difference is that max-device-width is all screen's width and max-width means the space used by the browser to show the pages. But another important difference is the support of android browsers, in fact if u're going to use max-device-width this will work only in Opera, instead I'm sure that max-width will work for every kind of mobile browser (I had test it in Chrome, firefox and opera for ANDROID).