前端用户界面屏幕与浏览器像素尺寸界定

工程基本定义

• screen.height：用户屏幕高度
• screen.availHeight：用户屏幕可用高度，减去了窗口工具值类的界面特征
• window.innerHeight：浏览器窗口的视口高度，包括水平滚动条
• window.outerHeight：浏览器窗口外部高度
• document.body.offsetHeight：文档中 body 部分的高度
• document.documentElement.clientHeight：文档可显示区域的高度
• document.documentElement.offsetHeight：文档本身的高度 (html 部分)

用户屏幕尺寸

屏幕整体有效像素

screen.height

screen.availHeight

浏览器整体尺寸

包含浏览器界面特征（地址栏、工具栏、滚动条等）

window.outerHeight

浏览器窗口尺寸

即 HTML 标签内部

window.innerHeight

document.documentElement.clientHeight

文档内容尺寸

即 BODY 标签内部

document.body.offsetHeight

document.documentElement.offsetHeight

备注说明

以上以高度示例，其属性可以是高度或宽度

height or width