如何忽略文本链接悬停CSS上的显示图像，只有在低于特定屏幕尺寸时才>>

Question

我曾使用本文在文本链接悬停上添加显示图像（请参阅下面使用的链接和CSS），它的效果很好，但是在移动设备上查看时，我想忽略此CSS。重要的是要注意，这应该全部是CSS。有什么想法吗？

.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; }
.hover_img a:hover span { display:block; }
<div class="hover_img">
     <a href="#">Show Image<span><img src="images/01.png" alt="image" height="100" /></span></a>
</div>

Display Image On Text Link Hover CSS Only

我曾使用本文在文本链接悬停上添加显示图像（请参阅下面使用的链接和CSS），它的效果很好，但是在移动设备上查看时，我想忽略此CSS。重要的是要注意...

Answer 1

您可以使用悬停媒体查询。