小编典典

检测是否使用了移动设备(iOS / Android手机/平板电脑)中的浏览器

css

有没有一种方法可以检测是否使用了手持浏览器(iOS / Android手机/平板电脑)?

我尝试此操作的目的是使元素在手持设备的浏览器中的宽度缩小一半,但没有任何区别。

width: 600px;
@media handheld { width: 300px; }

可以做到吗?

编辑: 从我使用过的jmaes答案的引用页面中

@media only screen and (max-device-width: 480px)


阅读 509

收藏
2020-05-16

共1个答案

小编典典

更新(2016年6月) :我现在尝试在每种分辨率上都支持触摸和鼠标输入,因为设备格局正在逐渐模糊什么是触摸设备和什么不是触摸设备之间的界限。iPad
Pro只能触摸13英寸笔记本电脑,而Windows笔记本电脑现在经常配备触摸屏。

其他类似的SO答案(请参阅此问题的其他答案)可能有不同的方法来尝试找出用户使用的设备类型,但是没有一个是万无一失的。如果您绝对需要尝试确定设备,建议您检查出这些答案。


iPhone首先忽略了handheld查询Source。如果出于类似原因,其他智能手机也能做到这一点,我不会感到惊讶。

我用来检测移动设备的当前最佳方法是知道其宽度并使用相应的媒体查询来捕获它。那里的链接列出了一些受欢迎的链接。我敢肯定,快速的Google搜索可以满足您的需要。

有关iPhone专用的更多信息(例如Retina显示屏),请查看我发布的第一个链接。

2020-05-16