媒体查询 max-width 和 max-device-width 有啥区别？ [复制]

Posted 2023-03-06

【中文标题】媒体查询 max-width 和 max-device-width 有啥区别？ [复制]

【英文标题】：What's the difference between the media queries max-width and max-device-width? [duplicate]媒体查询 max-width 和 max-device-width 有什么区别？ [复制]

【发布时间】：2011-11-09 19:27:43

【问题描述】：

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

例如，这个网站：

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

This 教程使用ma​​x-device-width：

例子：

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

它们之间有什么区别？它们适用于 android、ios、iPad 等吗？

【参考方案1】：

查看这篇文章。 http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html

【讨论】：

+1 这解决了我的疑问。我们应该始终包含那个元标记。

【参考方案2】：

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

希望对你有帮助