balloon.css在移动设备上隐藏工具提示

Question

我试图在移动设备上隐藏一个名为balloon.css的CSS文件。我正在使用这个balloon.css：balloon.css

我的代码：

    @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){[data-balloon] { visibility: hidden; }}

感谢大家的帮助！

Answer 1

由于balloon.css使用伪类来实现悬停效果，因此您需要在媒体查询中隐藏这些伪类。

@media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){
 [data-balloon]:after,
 [data-balloon]:before { display: none; }
}

这应该是可行的。

Answer 2

如果您想在移动使用分辨率上隐藏css的某个脚本

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.data-balloon {
display: none
}

使用display none，表示不显示。