2013-07-15 51 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來分析用戶代理,或執行一些功能測試。