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

Question

我想讓我的訪客能夠看到高品質的圖像，有什麼方法可以檢測視窗大小嗎？或者更好的是，使用JavaScript的瀏覽器的視窗大小？請參閱此處的綠色區域：

P粉342101652 · Answer

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

#

P粉955063662 · Answer

跨瀏覽器 @media（寬度） 和@media（高度）## 值 a>

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

window.innerWidth 和 a>window.innerHeight一个>

CSS視窗 @media（寬度）和 @media (height) 其中包含捲軸
initial-scale 和縮放變化可能會導致移動錯誤縮小到PPK 所謂的視覺視窗的值並且小於@media值
在 IE8 中未定義-

document.documentElement .clientWidth 和 .clientHeight

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

資源

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

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

跨瀏覽器 `@media（寬度）` 和`@media（高度）`## 值 a>
const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)

window.innerWidth 和 a>window.innerHeight一个>

document.documentElement .clientWidth 和 .clientHeight

跨瀏覽器 @media（寬度） 和@media（高度）## 值 a> const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)

document.documentElement .clientWidth 和 .clientHeight

跨瀏覽器 `@media（寬度）` 和`@media（高度）`## 值 a>
const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)