媒体查询如何检测全高清智能手机？

Question

如果媒体查询检查设备上的像素数， 桌面全高清显示器和全高清智能手机之间的关系如何？

显然两者的设计都非常不同（css-wise）..

Answer 1

你可以通过像素密度来实现。

@media only screen (-moz-min-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2/1), 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
 /*This will be high ppi smart phone*/
}

Answer 2

媒体查询不了解桌面与移动浏览器。最好的办法是使用JS来分析用户代理，或者执行一些功能测试。