2013-07-15 46 views
2

如果媒体查询检查设备上的像素数量, 它是如何知道桌面全高清显示器和全高清智能手机之间的?媒体查询如何检测全高清智能手机?

显然,设计都非常不同(CSS-明智)..

+0

你是什么意思hd?你想区分视网膜而不是视网膜吗? – Huangism

+0

为什么设计与1200像素宽屏手机和1200像素台式机显示器不同?如果答案是因为触摸和鼠标的接口需要不同,那么CSS不能帮助你。 – cimmanon

回答

3

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

@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*/ 
} 
+0

工作在基于移动的Chrome浏览器上(某种程度上),但不支持Firefox。 你能提供任何刚性的例子。 JSFiddle也会这样做。 –

0

媒体查询有桌面VS手机浏览器没有的知识。您最好的选择是使用JS来分析用户代理,或执行一些功能测试。