2017-03-02 58 views
1

我正在查看CSS設計人員手機和平板電腦不同分辨率的列表,我發現有些手機具有超大分辨率,有些平板電腦的分辨率甚至超過大多數電腦。如何使頁面從桌面識別手機/平板電腦? (無媒體查詢)

現在,這是我的問題:我的網頁上有一個小工具,使徽標向鼠標移動一點。它對計算機有很好的效果,但在平板電腦和手機上卻沒用(可能是一個問題,因爲我不確定徽標是否在沒有鼠標的情況下最初居中)。我設法禁用它,並用小型手機上的普通標誌替換它與媒體查詢,但是有沒有一種方法(通過jquery或其他)來識別用戶是否在平板電腦上,並因此修改相應的頁面?

+0

您可以使用useragent字符串(不準確)或使用CSS像素比媒體查詢來定位高分辨率設備 – Aziz

+0

定義「平板電腦」。我的筆記本電腦有一個觸摸屏和一個鼠標。這就是說,有[增加對媒體查詢周圍輸入功能的支持](https://googlechrome.github.io/samples/media-hover-pointer/) –

+0

因此,你實際上想要檢測**鼠標**,不要您?您不需要無鼠標電腦,並且您不介意使用鼠標的平板電腦。 (或者也許只是重寫該功能,以便在鼠標從不出現時不會中斷。) –

回答

相關問題