检测设备类型的CSS媒体查询（无论尺寸）

Question

3

我一直在研究媒体查询，但是目前我在Google和Stack Overflow上找到的所有示例都是使用特定的大小（max-width，max-device-width等）。这样做的问题是它不能给予我所需要的灵活性。我想要为台式机和平板电脑提供一个**具有特殊定制性质的**体验。

我之所以这样做是因为与小型计算机监视器交互不同于与平板电脑交互。横向放置的iPad的分辨率为1024x768，这也是一种常见的计算机监视器尺寸。然而，区别在于在计算机上，用鼠标指向小控件很容易，但对于有大手或笨拙手指的人来说，在iPad上点击相同尺寸的控件非常困难。

如何为iPad用户和使用相同尺寸显示器的台式机用户提供定制的体验？我希望桌面体验不必使用触摸体验所需的巨型按钮。

这是否可以通过媒体查询或其他方法实现？我看到媒体查询中有一个“手持”选项，但我已经读到大多数小设备浏览器忽略了它。

- jtheis

你可以选择老派的方法，使用htaccess检测操作系统等信息，并将用户强制重定向到子域名。否则，对于拥有平板电脑尺寸显示器的用户来说，获取平板电脑视图并不是什么大问题。 - Kai Qing

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Albin · Accepted Answer

使用媒体查询无法实现。虽然有“手持设备”媒体类型，但大多数现代手持设备会将自己标识为“屏幕”。