我有布局，其中80％的按钮是带有工具提示的图标，描述出现的功能：悬停
如果在触摸屏设备上查看网站，是否可以使用CSS和媒体查询来显示其他类（例如.button-info）。除了通过分辨率和方向猜测用户可能使用的是什么类型的设备？
答案 0 :(得分：2)
你要求的是W3C for CSS4 正在开发：http://dev.w3.org/csswg/mediaqueries-4/#pointer
您将使用：
@media (pointer: coarse) and (hover: none) {
/* your touchscreen specific rules */
}
但现在可以使用 NOT ，因此您必须使用解决方法，包括设备宽度和方向。
NB：这就是您要使用仅限CSS的解决方案。
答案 1 :(得分：1)
与此问题类似（Media query to detect if device is touchscreen）
这家伙有一些你应该考虑的优点。
http://www.stucox.com/blog/you-cant-detect-a-touchscreen/
他谈到了实现你想要做的事情的各种方法，然后解释了陷阱是什么。最后得出的结论是，如果你试图检测它是否是触摸屏，那么无论如何你可能会采用错误的方式。
考虑将所有用户视为触摸屏用户，因为并非所有用户都可以使用鼠标光标在屏幕上查看。