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

Question

可能的重复：
有什么区别移动网络的 max-device-width 和 max-width 之间？

例如，此网站：

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

本教程使用ma​​x-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 将针对屏幕（浏览器）。

希望这有帮助