在使用媒体查询时，我看到 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)plus @media screen and (max-device-width: 800px) and (orientation: landscape)。
似乎最小分辨率可以节省我一些时间。我已经阅读了几篇文章和博客，但我没有看到有人提倡解决问题。
我一定有一个明显的问题——我不是专业的网页设计师——但是使用分辨率的方法有什么“错误”？是什么让宽度或设备宽度更适合定位“小屏幕”。
到目前为止，我最喜欢的关于宽度与设备宽度的网站是： http ://www.javascriptkit.com/dhtmltutors/cssmediaqueries.shtml
也许我必须使用 800 像素的最大设备宽度，这对我来说对智能手机来说似乎“过大”的原因是因为我没有使用元标记视口。我在上面第 3 页的文章中读到以下内容：
“这意味着我们的 CSS 媒体查询将匹配“缩小”设备的尺寸，而不是其实际尺寸（即：iPhone 上的设备宽度为 980 像素而不是 320 像素）。因此，每当您优化移动网页时设备，第一步是在您的页面上定义一个特定的 META 标签，以更改/禁用移动浏览器的“放大”行为......”
也许在定义视口之后，最大设备宽度比在媒体查询中使用分辨率更有意义？