媒体查询max-width和max-device-width之间有什么区别？

Question

  

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

例如，这个网站：

http://8faces.com/使用 max-width 。

This教程使用 max-device-width ：

示例：

@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将定位屏幕（浏览器）。

希望这有帮助