在移动设备和平板电脑上禁用悬停

Question

如何在移动设备和平板电脑上禁用悬停功能？ img标签是SVG文件。

scss文件：

if (BuildConfig.FLAVOR.equals("paid")){
    // do what you need to do for the paid version
} else {
    // do what you need to do for the free version
}

Answer 1

@media查询hover和pointer有相当不错的浏览器支持。您可以将它们组合使用以获得所需的效果：

@media(hover: hover) and (pointer: fine) {
    .menu-link:hover {
        /* Targeting devices with mouse cursor and :hover */
    }
}

基于width的定位设备很可能会包含某些移动设备，在这种情况下，这不是您想要的。