媒體查詢和JQuery問題

我正在爲我的網站使用移動/平板電腦屏幕的媒體查詢。當屏幕縮小到移動的時候，我使用了不少jQuery的切換功能，所以我可以縮小一些內容，但是如果需要的話可以擴展它。媒體查詢和JQuery問題

我的問題是，如果我切換項目並展開（顯示），然後我旋轉設備到風景的項目將保持展開狀態，但不同的媒體查詢正在使用說明該div或重要隱藏。我認爲這是因爲JQuery的切換添加樣式屬性到實際的HTML而不是CSS。有沒有辦法獲得正確的頁面，所以重置切換？如果這是有道理的？

感謝

戴夫

來源

2012-07-26 davey

如果將以下代碼添加到您的網站，將一個類添加到橫向或縱向的身體節點然後你就可以在你的CSS使用。希望這應該有所幫助。

window.onorientationchange = function() { 
    var orientation = window.orientation; 
    if (orientation == 0) { 
    document.body.setAttribute("class","portrait"); 
    }else{ 
    document.body.setAttribute("class","landscape"); 
    } 
}

來源

2012-07-26 11:22:14 mortimer

在功能

，你可以重寫的CSS規則，就像這樣：

document.styleSheets[0].cssRules[1].style.some_attribute='some value';

1有規則的順序（從0開始）

來源

2012-08-02 14:16:13

媒體查詢和JQuery問題

回答

相關問題