CSS - 在触摸屏设备只

Question

我有布局，其中按钮的80％与提示描述出现在功能图标显示元素：悬停

使用CSS和媒体查询只显示其他类是否有可能（例如.button-info），如果在触摸屏设备上查看网站。除了根据分辨率和方向猜测什么类型的设备用户可能正在使用？

Answer 1

你所要求的由W3C developped为CSS4：http://dev.w3.org/csswg/mediaqueries-4/#pointer

你会使用：

@media (pointer: coarse) and (hover: none) { 
    /* your touchscreen specific rules */ 
} 

但它是不可现在，所以你必须使用解决方法，使用设备宽度和方向。

注意：这就是如果你想使用CSS唯一的解决方案。

Answer 2

这个问题（Media query to detect if device is touchscreen）

这家伙，你应该考虑的一些好点类似。

http://www.stucox.com/blog/you-cant-detect-a-touchscreen/

他谈到实现你的努力做的各种方法，然后解释的缺陷是什么。最终得出结论，如果你试图检测它是否是触摸屏，那么你反正可能会用错误的方式去做。

考虑将所有用户视为触摸屏用户，因为不是每个人都用鼠标光标环视屏幕。