问答详情
源自:5-2 屏幕自适应

使用document.body.clientHeight和document.documentElement.clientHeight 都没有完全实现自适应的问题

在做自适应是时候,使用课程里的方法 document.body.clientHeight,高度其实没有被撑开到100%

55420d330001229b05000164.jpg

看到有回答说是用document.documentElement.clientWidth和 document.documentElement.clientHeight,我试了一下,比上面的效果好,但是水平和纵向都出现了滚动条

55420d330001948805000282.jpg

我用Firefox和chrome浏览器,都出现了这样的问题。特别是纵向滚动条,导致小球与浏览器底部的碰撞反弹就看不到了。

不知道大家有没有类似的问题,有木有解决方法~~

提问者:BeyondWords 2015-04-30 19:21

个回答

  • 哦哦哒
    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

    同样求解。为什么?