浏览器窗口的可视区域大小指的是哪里?

来源:9-18 浏览器窗口可视区域大小

吾爱吾师

2015-12-11 11:33

http://img.mukewang.com/566a43d20001ed5516801011.jpg

浏览器窗口的可视区域大小指的是哪里?

写回答 关注

2回答

  • 迷途的马尔斯
    2015-12-11 13:10:16

    直白一点:浏览器可视区域即网页的body的大小 ->你能看到的网页背景的大小

    weixin... 回复geeker...

    你好,这个单页的意思是指?假如你页面是左边有导航页,这个单页是会包括它还是不包括呢?

    2021-08-17 09:55:09

    共 3 条回复 >

  • 慕男婶
    2015-12-11 11:50:18

    可视区域就是:你可以看到的区域。

    浏览器窗口显示网页的部分(即不包括地址栏、工具栏)就是可视区。。

    你可以用鼠标来推动浏览器窗口来改变大小,此时可视区的大小也是跟着变的。。

    下面送一份我总结的与可视区宽高有关的笔记

    各种宽度和高度
    
          a、可视区的真实宽度和高度
              document.documentElement.clientWidth 
              document.documentElement.clientHeight
    
              都去掉滚动条的大小(一般是17像素),比如我的dell笔记本在chrome下,
              正常的可视区(即无滚动条)大小是1366*663,假如水平和垂直方向都有滚动条的话,这两个值
              的大小为 1349 * 646
          b、
             document.documentElement.offsetWidth   无滚动条 1366  有滚动条 1349 同a
             document.documentElement.offsetHeight  根据实际的html元素被撑开的大小
    
          c、
             window.innerWidth / window.innerHeight 
               (1)有滚动条 document.documentElement.clientWidth + 滚动条宽度
               (2)无滚动条 等于document.documentElement.clientWidth
                    高度计算规则同宽度


JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题