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

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;
    }
}

应该做的伎俩