2017-03-02 54 views
1

我正在查看CSS设计人员手机和平板电脑不同分辨率的列表,我发现有些手机具有超大分辨率,有些平板电脑的分辨率甚至超过大多数电脑。如何使页面从桌面识别手机/平板电脑? (无媒体查询)

现在,这是我的问题:我的网页上有一个小工具,使徽标向鼠标移动一点。它对计算机有很好的效果,但在平板电脑和手机上却没用(可能是一个问题,因为我不确定徽标是否在没有鼠标的情况下最初居中)。我设法禁用它,并用小型手机上的普通标志替换它与媒体查询,但是有没有一种方法(通过jquery或其他)来识别用户是否在平板电脑上,并因此修改相应的页面?

+0

您可以使用useragent字符串(不准确)或使用CSS像素比媒体查询来定位高分辨率设备 – Aziz

+0

定义“平板电脑”。我的笔记本电脑有一个触摸屏和一个鼠标。这就是说,有[增加对媒体查询周围输入功能的支持](https://googlechrome.github.io/samples/media-hover-pointer/) –

+0

因此,你实际上想要检测**鼠标**,不要您?您不需要无鼠标电脑,并且您不介意使用鼠标的平板电脑。 (或者也许只是重写该功能,以便在鼠标从不出现时不会中断。) –

回答

相关问题