| 属性/单位 | 含义 | 包含滚动条？ | 键盘弹出时变化？ |
|---|---|---|---|
window.innerWidth |
布局视口宽度 | 是 | 否（与键盘无关） |
window.innerHeight |
布局视口高度 | 是 | 部分浏览器会变化 |
document.documentElement.clientWidth |
文档元素（<html>）可视宽度（不含滚动条） |
否 | 同 innerHeight 行为 |
document.documentElement.clientHeight |
文档元素可视高度（不含滚动条） | 否 | 同 innerHeight 行为 |
window.visualViewport.width |
视觉视口宽度（考虑缩放、键盘占据区域后剩余的可视宽度） | — | 会 |
window.visualViewport.height |
视觉视口高度（考虑缩放、键盘占据区域后剩余的可视高度） | — | 会 |
CSS 单位 100vh |
“大视口”高度，始终等于页面加载那刻的布局视口高度 | — | 不变 |
CSS 单位 100svh |
“小视口”高度，会跟随键盘弹出或地址栏收起而动态变化 | — | 会 |