使用媒体查询关闭工具提示

Question

如何添加媒体查询，以便在缩小到移动设备尺寸时不显示 qtip？这是我正在使用的 jquery。

jQuery.root.find(".tooltip").qtip({
position:{
corner: {
tooltip: "bottomMiddle",
target: "topMiddle"
}
},
style: {
border: {
width: 2,
radius: 3
},
padding: 7,
width: 350,
tip: true,
name: "light"
}
});

这是 HTML：

高级课程

我尝试了以下方法，但它不起作用：

@media only screen and (max-width: 767px) {
.tooltip {
display: none;
}

}

Answer 1

快速浏览一下 qtip 创建的元素会发现，工具提示本身是使用类 .qtip 创建的

所以

@media only screen and (max-width: 767px) {
    .qtip {
        display: none;
    }
}

应该做的伎俩