84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
我想讓我的訪客能夠看到高品質的圖像,有什麼方法可以檢測視窗大小嗎?
或者更好的是,使用 JavaScript 的瀏覽器的視窗大小?請參閱此處的綠色區域:
jQuery 維度函數
$(window).width()和$(window).height()
$(window).width()
$(window).height()
@media(寬度)
@media(高度)
const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)
和 @media (height)其中包含捲軸
其中包含捲軸
和縮放
值
-
和
來取得精確的任何單位的尺寸
jQuery 維度函數
#$(window).width()
和$(window).height()
跨瀏覽器
@media(寬度)
和@media(高度)
## 值 a>window.innerWidth
和 a>window.innerHeight
一个>
取得- CSS視窗@media(寬度)
- initial-scale
由於本機舍入,縮放可能會導致值縮小 1 像素
- 在 IE8 中未定義
和 @media (height)
其中包含捲軸
和縮放
變化可能會導致移動錯誤縮小到PPK 所謂的視覺視窗的值並且小於@media值
-
document.documentElement .clientWidth
和.clientHeight
等於 CSS 視窗寬度- 減去捲軸寬度
當
- 沒有捲軸時,符合@media(寬度)
- #相同jQuery(window).width()
- 可用的跨瀏覽器
- 如果缺少文件類型則不準確
和
@media(高度)jQuery呼叫瀏覽器視窗
資源
來取得精確的任何單位的尺寸