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

Possible Duplicate:
What is the difference between max-device-width and max-width for mobile web?

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

For instance, this website:

例如，这个网站：

http://8faces.com/ uses max-width.

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

This tutorial uses max-device-width:

本教程使用max-device-width：

Example:

例：

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

What's the difference between them? Do they work in Android, iOS, iPad, etc?

它们之间有什么区别？他们在Android，iOS，iPad等工作吗？

2 个解决方案

#1

check this post. http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html

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

#2

max-device-width will target devices(iphone/ipad), as max-width will target screens(browsers).

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

Hope this helps

希望这可以帮助