在使用媒体查询时，我看到max-width和max-device-width用于定位“小屏幕”设备或智能手机，但为什么不使用媒体查询进行分辨？
例如，@media screen and (min-resolution: 230dpi)允许我编写CSS来定位一些智能手机，例如Galaxy S Glide SGH I927R，它具有480 x 800像素，4英寸（〜233 ppi像素密度）
相反，我必须使用@media screen and (max-device-width: 480px) and (orientation: portrait)加@media screen and (max-device-width: 800px) and (orientation: landscape)。
似乎最小分辨率可以节省一些时间。我已经阅读了几篇文章和博客，但我没有看到任何人提倡解决。
必须有一个显而易见的观点，即我失踪了 - 我不是一个专业的网页设计师 - 但使用解决方法的方法有什么“错误”？是什么让宽度或设备宽度更好地定位“小屏幕”。
到目前为止，我最喜欢的网站宽度与设备宽度一直是： http://www.javascriptkit.com/dhtmltutors/cssmediaqueries.shtml
也许是因为我没有使用meta标签视口，我必须使用800px的最大设备宽度，这对智能手机似乎“过度”。我在第3页上面的文章中读到了以下内容：
“这意味着我们的CSS媒体查询将匹配”缩小“设备的尺寸，而不是它的实际尺寸（即：iPhone上的设备宽度为980px而不是320px）。所以，无论何时优化移动设备的网页，第一步是在页面上定义一个特定的META标签，以改变/禁用移动浏览器的“放大”行为......“
也许在定义视口之后，max-device-width比在媒体查询中使用Resolution更有意义？
答案 0 :(得分：1)
我将总结他们的要点并发布底部文章的链接。
世界上最受欢迎的分析软件是谷歌分析，这就是我们大多数人如此关注解决方案的原因。不幸的是，这不考虑浏览器窗口大小，这是我们许多人使用27“屏幕，多个屏幕，40多个设备，坦率地说，有多少人使用完整窗口时唯一的项目？我知道我不。
克里斯·科伊尔指出，只有约61％的用户在200px的全屏视图范围内观看，如果你是“像素完美”，那么在你的消费者眼中 - 你不是。您的网站很可能会被破坏。 （估计全屏使用0.85％）
这意味着屏幕分辨率与最终用户的原因完全无关。
请参阅此处的完整文章，了解其完整细分和插图丰富的分析
http://css-tricks.com/screen-resolution-notequalto-browser-window/