取得瀏覽器視窗尺寸的方法
P粉237029457
P粉237029457 2023-08-28 11:06:30
0
2
461

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

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

P粉237029457
P粉237029457

全部回覆 (2)
P粉342101652

jQuery 維度函數

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

#
    P粉955063662

    跨瀏覽器@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
    • 由於本機舍入,縮放可能會導致值縮小 1 像素
    • 在 IE8 中未定義-

    document.documentElement .clientWidth.clientHeight

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

    資源

      最新下載
      更多>
      網站特效
      網站源碼
      網站素材
      前端模板
      關於我們 免責聲明 Sitemap
      PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!