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