CSS媒體查詢以定位1080手機？

我正在尋找正確的CSS媒體查詢目標的所有手機（而非平板電腦和更大），包括1080個手機，如索尼的Xperia Z.CSS媒體查詢以定位1080手機？

現在我使用：

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

這適用於大多數設備，但在Android Firefox瀏覽器（不是Chrome雖然很奇怪）中，Xperia Z只能獲取桌面站點。

我試圖尋找，但似乎沒有人在談論這些新的非常高分辨率的手機，有一個新的標準，我應該堅持？

2013-04-17 bbeckford

如果設備是相同的大小，什麼樣的款式應適用於不應該適用於平板電腦的手機？ – cimmanon

@cimmanon - 分辨率不一定會決定設備的大小。我可以看到一種情況，您只需要定位手機，因爲它們通常體型較小，儘管它們有時候是高分辨率的。 – Jonathan

是的，整個桌面網站看起來沒有辦法像Xperia Z上的移動網站一樣好，至少在我的情況下。 – bbeckford

我不認爲你會發現你在媒體查詢所需要的。手機和平板電腦在決議中有一個很大的交叉點。

下面是媒體功能，您可以根據W3C查詢...

......似乎都不是你在找什麼。

不幸的是我不知道是不是一個偉大的方式來解決這個問題，即使用戶代理是沒有多大幫助。

2013-04-17 16:00:55 Jonathan

您可以在您的媒體查詢分辨率寬度相結合。

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

2013-04-18 03:10:09

謝謝，但不再適用於較低分辨率的設備，例如Galaxy Nexus（尚未在Xperia上測試） – bbeckford

哪一部分不起作用？ '最小resolution'？這是一個下跌。 –

使用max-width而不是max-device-width目標CSS pixels。

不要忘記viewport meta。有很多像素的小型設備仍然會有低CSS像素數量，因此它可以正常工作。

2017-12-04 16:09:39

回答