我正在寻找正确的CSS媒体查询来定位所有手机（不是平板电脑和更大的），包括索尼Xperia Z等1080手机。
现在我正在使用：
<link href='style/mobile.css' rel='stylesheet' type='text/css' media='screen and (max-device-width: 767px)' />
这适用于大多数设备，但在Android Firefox浏览器中（虽然奇怪的不是Chrome），Xperia Z只能获得桌面版网站。
我试过搜索，但似乎没有人在谈论这些新的高分辨率手机，我应该坚持一个新的标准吗？
使用max-width而不是max-device-width来定位CSS pixels。
别忘了viewport meta。具有大量像素的小型设备仍然具有较低的CSS像素数，因此它才能正常工作。
您可以在媒体查询中将宽度与分辨率结合使用。
@media screen and (max-device-width: 767px) and (min-resolution: 300dpi) { … }
我不认为你会在媒体查询中找到你需要的东西。手机和平板电脑在分辨率上有很大的交叉。
以下是您可以根据w3c查询的媒体功能...
http://www.w3.org/TR/css3-mediaqueries/#media1
......似乎没有你想要的东西。
不幸的是，我不知道是否有一个很好的方法来解决这个问题，即使是用户代理也没有什么帮助。