css - 触摸设备禁用元素悬停

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 */
}