触摸设备禁用元素悬停

Question

这可能是一个有点奇怪的问题。 当我在移动设备上并且我有一个悬停时，它仍处于悬停状态，直到我点击另一个项目，我想在一段时间后或滚动页面时删除悬停。 任何建议。

Answer 1

在这种情况下，您可以使用媒体查询。如果您想在桌面上定位用户：

@media screen { /* hover styles here */ } 

如果你想定位移动设备，例如ipad，你可以使用它：

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* non-hover styles here */
}