html 什么是可视区域,浏览器窗口的可视区域大小指的是哪里？

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

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

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

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

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

高度计算规则同宽度