个回答

• 迷途的马尔斯

  2015-12-11 13:10:16

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

  1

• 慕男婶

  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
                  高度计算规则同宽度

  
  

  1