如何使用 JavaScript 取得瀏覽器視窗尺寸？

偵測瀏覽器視窗尺寸

問題：

如何使用 JavaScript 確定瀏覽器的視窗大小？此資訊對於根據可用顯示區域優化影像品質特別有用。

解決方案：

取得瀏覽器視窗尺寸的方法有多種：

跨瀏覽器：@media（寬度）和@ media（高度）值

let vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
let vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);

window.innerWidth 和window.innerHeight

屬性：

• 擷取 CSS 視窗尺寸，包括捲軸
• 由於初始規模和原因，在行動裝置上可能不可靠Zoom

document.documentElement.clientWidth 和.clientHeight

屬性：

• 屬性：
• CSS視口寬度減去捲軸寬度
• 匹配 @media尺寸，但沒有捲軸

跨瀏覽器支援

沒有文件類型不準確

• 資源：
• [各種🎜>資源：

[各種🎜>資源：[各種即時輸出維度](https://jsfiddle. net/ariya/tvn3d/)[Verge](https://github.com/ryanseddon/verge)[actual.js]( https://github.com/jsdom/actual)

以上是如何使用 JavaScript 取得瀏覽器視窗尺寸？的詳細內容。更多資訊請關注PHP中文網其他相關文章！