前端「宽与高」速查：视口、文档、元素与 CSS 单位
从 innerWidth 到 scrollHeight，从 getBoundingClientRect 到 Visual Viewport；对照一张心智表分清「布局盒」「可见区域」「滚动尺寸」与移动端动态工具栏下的视口单位。
标签: 响应式
共有 2 篇文章
-
前端「宽与高」速查：视口、文档、元素与 CSS 单位
从 innerWidth 到 scrollHeight，从 getBoundingClientRect 到 Visual Viewport；对照一张心智表分清「布局盒」「可见区域」「滚动尺寸」与移动端动态工具栏下的视口单位。
-
window.matchMedia：在 JavaScript 里读写媒体查询
用与 CSS 相同的媒体查询字符串在脚本中判断布局与系统偏好，并用 change 事件替代粗糙的 resize；附深色模式与减少动效示例及卸载监听要点。
window.matchMedia：在 JavaScript 里读写媒体查询
用与 CSS 相同的媒体查询字符串在脚本中判断布局与系统偏好，并用 change 事件替代粗糙的 resize；附深色模式与减少动效示例及卸载监听要点。