¿Cuál es la diferencia entre las consultas de medios max-width y max-device-width?

Question

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

Por ejemplo, este sitio web:

http://8faces.com/ utiliza max-anchura.

This tutorial utiliza max-dispositivo de ancho de:

Ejemplo:

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

¿Cuál es la diferencia entre ellos? ¿Funcionan en Android, iOS, iPad, etc.?

Answer 1

marque esta publicación. http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html

Answer 2

max-device-width se dirigirán a dispositivos (iphone/ipad), como max-width se dirigirán a pantallas (navegadores).

Espero que esto ayude