Html 针对1080部手机的CSS媒体查询？

我正在寻找正确的CSS媒体查询，以针对所有手机（不是平板电脑或更大的），包括1080部手机，如索尼Xperia Z

现在我正在使用：

<link href='style/mobile.css' rel='stylesheet' type='text/css' media='screen and (max-device-width: 767px)' />

这适用于大多数设备，但在Android Firefox浏览器（并非Chrome浏览器，尽管奇怪）中，Xperia Z只能访问桌面站点

---

我尝试过搜索，但似乎没有人在谈论这些新的超高分辨率手机，我是否应该遵守一个新的标准？

我认为你不会在媒体查询中找到你需要的东西。手机和平板电脑在分辨率上有很大的交叉

以下是您可以根据w3c查询的媒体功能

。。。似乎没有一个是你要找的

---

不幸的是，我不知道这是否是一个很好的解决方法，即使是用户代理也没有什么帮助。

您可以在媒体查询中结合宽度和分辨率

@media screen and (max-device-width: 767px) and (min-resolution: 300dpi) { … }

---

使用

max width

而不是

max device width

来定位

CSS像素

---

别忘了。像素较多的小型设备的CSS像素数仍然较低，因此它可以正常工作。

如果设备大小相同，哪些样式适用于不适用于平板电脑的手机？@cimmanon-分辨率不一定决定设备大小。我可以看到这样一种情况：你只想把手机作为目标，因为它们通常体积较小，尽管有时是高分辨率的。是的，完整的桌面站点看起来远不如Xperia Z上的移动站点好，至少在我的情况下是这样。谢谢，但在低分辨率设备上，例如Galaxy Nexus上，这已经不起作用了（尚未在Xperia上测试过）同一设备上的

viewport

元标记可以跨不同浏览器节省一天的时间。