取得瀏覽器視窗尺寸的方法

Question

我想讓我的訪客能夠看到高品質的圖像，有什麼方法可以檢測視窗大小嗎？

或者更好的是，使用 JavaScript 的瀏覽器的視窗大小？請參閱此處的綠色區域：

Answer 1

jQuery 維度函數

$(window).width() 和 $(window).height()

#

Answer 2

跨瀏覽器 @media（寬度）< /code> 和@media（高度）## 值

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

window.innerWidth 和 window.innerHeight

取得
• CSS視窗 @media（寬度） 和 < /code>@media (height) 其中包含捲軸
• initial-scale 和縮放變化可能會導致移動錯誤縮小到PPK 所謂的視覺視窗的值並且小於@media值
由於本機舍入，縮放可能會導致值縮小 1 像素
• 在 IE8 中未定義-

document.documentElement .clientWidth 和 .clientHeight

等於 CSS 視窗寬度
• 減去捲軸寬度
當
• 沒有捲軸時，符合@media（寬度）和@media（高度）
• #相同 jQuery(window).width() jQuery 呼叫 瀏覽器視窗
• 可用的跨瀏覽器
• 如果缺少文件類型則不準確

---

資源

• 各種維度的即時輸出
• #verge 使用跨瀏覽器視窗技術
• actual使用matchMedia來取得精確的任何單位的尺寸