如何覆盖css媒体查询！使用jquery的重要属性

如何覆盖css媒体查询！使用jquery的重要属性。matchMedia不工作问题

#div{
  padding-left:10px;
}
@media screen and (min-width: 767px) {
  #div{
    padding-left:15px !important;
  }
}

var minql = window.matchMedia("(max-width:475px) and (min-width:320px)");
if (minql.matches) {
  $("#div").css({"padding-left": "30px" });
}

试试这个

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
} else {
/* the viewport is less than 400 pixels wide */
}

---

您也可以参考此示例：

请查看此SO问题：事实上，使用

可能会重复！重要信息

在您共享的代码中完全没有必要。除非绝对必要，否则不要使用它，因为它违背了级联样式的目的。