9

有点奇怪。我有一个正在开发的网站。但是，在我的笔记本电脑（华硕 Zenbook）上，某些功能不起作用。我们花了很多时间使用 Firebug 来尝试让它工作/弄清楚它是什么，但没有任何乐趣！

然后我注意到这些功能实际上是使用 :hover 类在 CSS 中创建的，但也通过包含类“.no-touch”来禁用触摸设备。

然后，我查看了 Modernizr 添加到 HTML 标记中的类，并且“.touch”已与标准一起添加。

看来，Modernizr 正在将我的 Firefox 和 Chrome 中的笔记本电脑视为触摸设备。

显然，当网站上线时，这可能是一个问题，因为某些功能不适用于使用 Zenbook 和任何其他以相同方式运行的设备的人。

有没有人见过这样的事情？也许与其他“非触摸”设备一起使用？

4

1 回答 1

9

不幸的是，Modernizr 测试了浏览器中对触摸事件的支持，因此它不是对触摸设备的适当测试。Chrome 和 Firefox 的最新版本支持此功能。

您可以在这里查看问题： https ://github.com/Modernizr/Modernizr/issues/548

我也在寻找关于这个问题的一个好的解决方案，但我唯一发现的是这个，虽然我还没有测试过：https ://stackoverflow.com/a/4819886/1262357

如果你有好的结果，请告诉我！

于 2012-12-26T19:08:27.287 回答