Qual è la differenza tra le query sui supporti max-width e max-device-width?

Question

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

Per esempio, questo sito:

http://8faces.com/ utilizza max-width.

This tutorial utilizza max-device-width:

Esempio:

@media screen and (max-device-width: 480px) { 
    .column { 
    float: none; 
    } 
} 

Qual è la differenza tra loro? Funzionano in Android, iOS, iPad, ecc.?

Answer 1

controllare questo post. http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html

Answer 2

max-device-width saranno destinati ai dispositivi (iphone/ipad), poiché lo schermo max-width sarà indirizzato agli schermi (browser).

Spero che questo aiuti