媒体查询最大宽度和最大设备宽度有什么区别？

Question

可能重复：
What is the difference between max-device-width and max-width for mobile web?

举例来说，这个网站：

http://8faces.com/使用最大宽度。

This教程使用最大设备宽度：

例子：

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

什么是它们之间的区别？他们是否在Android，iOS，iPad等工作？

Answer 1

检查这个职位。 http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html

Answer 2

max-device-width将目标设备（iphone/ipad），因为max-width将针对屏幕（浏览器）。

希望这会有帮助