如何覆蓋CSS媒體查詢！使用jquery的重要屬性

如何覆蓋CSS媒體查詢！使用jquery的重要屬性。 matchMedia不工作的問題如何覆蓋CSS媒體查詢！使用jquery的重要屬性

#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" }); 
}

來源

2015-12-22 kannan D.S

請看一看這太問題：http://stackoverflow.com/questions/11962962 /覆蓋重要的與CSS或jQuery的 – vijayP

可能重複的http://stackoverflow.com/questions/462537/overriding-important-style/1577204#1577204 –

事實上，使用'！重要'是完全您分享的代碼中不必要。除非絕對必要，否則不要使用它 - 它會破壞級聯樣式的目的。 – Terry

試試這個

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

來源

2015-12-22 06:24:41

如何覆蓋CSS媒體查詢！使用jquery的重要屬性

回答

相關問題