如何编写CSS媒体查询以检测触摸屏设备？

我相信我应该为不同的输入方法设计我的网站。我相信主流的输入类型是鼠标+键盘和触摸屏。我想使用CSS来检测我的用户是否使用触摸输入。我想增加链接列表的线宽，以便更容易用手指进行选择

---

这可能吗？

根据本文，目前还没有可靠的方法检测触摸设备：

我通常使用CSS媒体查询来检测不同的屏幕大小。您可以有一个样式表，其中包含每个设备分辨率的媒体查询，该分辨率是设备上可用的总大小，而不仅仅是屏幕大小和浏览器大小。 有关灵感，请参见本备忘单：

希望能有帮助

编辑：屏幕大小将告诉您哪个设备可能正在查看当前页面

我想使用CSS来检测我的用户是否使用触摸输入

2019年，几乎所有浏览器都能理解interaction@media查询：

指示主要交互方法不是鼠标指针或具有悬停功能的类似设备

这通常意味着主要的交互方式是触摸

浏览器兼容性

---

也许这可以帮助您：[[1]：可能重复感谢您的回答，但这听起来不像是一种理智或eligant的设计方法。对我来说听起来像是一种黑客。好吧，我理解。您至少应该试试Modernizer库-我想您会根据需要得到一个更稳定的解决方案。请参阅：

@media only screen and (hover: none) {

  [... CSS HERE...]
}