Javascript媒體查詢

我試圖實現使用JavaScript的媒體查詢，因爲我設計的瀏覽器不支持它。我不太知道我做錯了，我已經在這裏反正我用盡選擇是我的代碼Javascript媒體查詢

if(window.innerWidth > 1000 && window.innerWidth < 1300) { 

    document.getElementById('id').style.height="50px"; 

}

來源

2014-06-12 user3735889

我會這麼說如果它是桌面瀏覽器，爲什麼它需要支持響應式設計？響應式設計對於移動網絡來說很有意義，因爲設計需要適應移動設備的形狀因素。對於桌面瀏覽器來說，這是毫無意義的。 – mpm

so ... if window.innerWidth> 1300 ...你真的需要檢查它是否也是> 1000？無論如何，如果我們知道你在爲什麼設計瀏覽器，這將有所幫助。 – dave

我正在設計的IE版本8到10它主要是一個房地產問題，我需要防止發生一些縮放問題。我的計劃是添加一個簡單的樣式來解決問題，但我無法使用媒體查詢。此外，這些數字是任意的。我只是想知道這條路線是否可行。 – user3735889

在這裏，你問你的瀏覽器更改元素的高度，如果寬度比1000更大AND 1300.這是行不通的。你可以嘗試這樣的事情：

if(window.innerWidth > 1000) { 

    document.getElementById('id').style.height="50px"; 

}

我想你問的是：

if(window.innerWidth > 1000 && window.innerHeight > 1300) { 

    document.getElementById('id').style.height="50px"; 

}

爲了獲得更好的結果，您應該添加一個事件偵聽器

window.onresize = function(event) { 
    if(window.innerWidth > 1000 && window.innerHeight > 1300) { 
     document.getElementById('id').style.height="50px"; 
    } 
};

來源

2014-06-12 23:16:41 Russo

Javascript媒體查詢

回答

相關問題