使用document.body.clientHeight和document.documentElement.clientHeight 都没有完全实现自适应的问题
来源：5-2 屏幕自适应
BeyondWords
2015-04-30 19:21
在做自适应是时候，使用课程里的方法 document.body.clientHeight，高度其实没有被撑开到100%
看到有回答说是用document.documentElement.clientWidth和 document.documentElement.clientHeight，我试了一下，比上面的效果好，但是水平和纵向都出现了滚动条
我用Firefox和chrome浏览器，都出现了这样的问题。特别是纵向滚动条，导致小球与浏览器底部的碰撞反弹就看不到了。
不知道大家有没有类似的问题，有木有解决方法~~
写回答
关注
3回答
-
- 哦哦哒
- 2015-08-21 09:24:52
清除margin和padding没什么用，overflow应该会让底部的小球只能显示部分，理解一下所谓的document.documentElement.clientHeight，无非是获得了可见区域的高度，而产生滚动条的原因是获得的高度有点大了，这样就稍微给他减小点就是咯，我减了30就不会有滚动条了
-
- arlenhui
- 2015-06-28 12:19:36
清除margin和padding我试过没用啊，我是用overflow-x:hidden解决的
-
- 仙人掌_0005
- 2015-05-16 12:42:41
同样求解。为什么？
炫丽的倒计时效果Canvas绘图与动画基础
学习HTML5中最激动人心的技术Canvas，彻底释放自己的创造力
96746 学习 · 1000 问题
相似问题