JavaScript：'document.body.clientWidth'用於查詢當前瀏覽器寬度的正確屬性？

我是新的響應式網頁設計。JavaScript：'document.body.clientWidth'用於查詢當前瀏覽器寬度的正確屬性？

現在正在使用媒體查詢我已經自己製作了這些代碼片段，用於在調整它的大小時將瀏覽器寬度寫入控制檯。

(function() { 
 
    window.addEventListener('resize', function() { 
 
    console.log('Current width : %s', document.body.clientWidth); 
 
    }); 
 
})();

我試圖做的是獲取信息在哪裏設置我的斷點。

JavaScript工作正常。但我不確定我是否在問最佳財產。

因此問題向有經驗的開發者：

我應該查詢解決發現斷點任務是什麼屬性，它的對象呢？

來源

2016-07-07 mewi

檢查這個，你會在這裏看到很多選項http://stackoverflow.com/questions/18575582/how-to-detect-responsive-breakpoints-of-twitter-bootstrap-3-using-javascript – Deep

是的，我們可以使用document.body.clientWidth獲取瀏覽器的整個寬度。它是獲取寬度的核心JavaScript方法，這也可以用來獲取特定的元素。如果您使用的是jQuery，可以使用$（window）.width（）來獲取窗口寬度。既然你已經提到過你對自適應設計不熟悉，除非它是非常必要的，否則不要設置高度。在響應式網頁開發的情況下，將高度設置爲自動將使生活變得輕鬆。

來源

2016-07-07 07:30:47 Aswin

如果您真的要使用JavaScript，請使用window.innerWidth。

這是窗口的內部寬度，而document.body.clientWidth可能會更小：它取決於身體的寬度。

但通常人們使用CSS媒體查詢。這使得更有意義，因爲這就是它們存在的原因。所以如果可以的話，請改用它們。

來源

2016-07-07 07:30:35 user6559544

*「但通常人們使用CSS媒體查詢......「*您是否讀過這個問題？這就是OP正在做的事情。這是關於找到在它們中使用哪些斷點。 –

JavaScript：'document.body.clientWidth'用於查詢當前瀏覽器寬度的正確屬性？

回答

相關問題