老师麻烦解释一下
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
window.onresize = function() {
console.log(document.body.clientHeight);
console.log(document.body.clientWidth);
}
document.body.clientHeight获取的不是可见高度吗？为什么我在谷歌浏览器中缩放窗口获得的
document.body.clientHeight并没有发生改变，而只有document.body.clientWidth有变化
正在回答
同学你好，问题解答如下：
1.老师这边测试，document.body.clientHeigh获取的高度为0。因为document.body.clientHeight获取的是body的高度，当body里面没有内容撑开它的高度，且自身没有设置高度的情况下，默认高度为0。
例如给body设置一个高度1000px：
获取的document.body.clientHeight返回的值为1000：
2.如果想要获取文档的可见高度，因为使用document.documentElement.clientHeight。如下:
3.如果第一条同学和老师测试的结果不一样，可能是测试的页面，body是有内容撑开高度。但是无论怎样测试，body的高度我们没有手动改变，那么缩放页面是不会改变的。建议同学使用document.documentElement.clientHeight测试哦。
祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星