如何使用jquery覆盖css media query！important属性

Question

如何使用jquery覆盖css media query！important属性。 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" });
}

Answer 1

试试这个

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

您还可以参考此示例：Source