0
我試圖實現使用JavaScript的媒體查詢,因爲我設計的瀏覽器不支持它。我不太知道我做錯了,我已經在這裏反正我用盡選擇是我的代碼Javascript媒體查詢
if(window.innerWidth > 1000 && window.innerWidth < 1300) {
document.getElementById('id').style.height="50px";
}
我試圖實現使用JavaScript的媒體查詢,因爲我設計的瀏覽器不支持它。我不太知道我做錯了,我已經在這裏反正我用盡選擇是我的代碼Javascript媒體查詢
if(window.innerWidth > 1000 && window.innerWidth < 1300) {
document.getElementById('id').style.height="50px";
}
在這裏,你問你的瀏覽器更改元素的高度,如果寬度比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";
}
};
我會這麼說如果它是桌面瀏覽器,爲什麼它需要支持響應式設計?響應式設計對於移動網絡來說很有意義,因爲設計需要適應移動設備的形狀因素。對於桌面瀏覽器來說,這是毫無意義的。 – mpm
so ... if window.innerWidth> 1300 ...你真的需要檢查它是否也是> 1000?無論如何,如果我們知道你在爲什麼設計瀏覽器,這將有所幫助。 – dave
我正在設計的IE版本8到10它主要是一個房地產問題,我需要防止發生一些縮放問題。我的計劃是添加一個簡單的樣式來解決問題,但我無法使用媒體查詢。此外,這些數字是任意的。我只是想知道這條路線是否可行。 – user3735889