网页宽高clientWidth clientHeight获得数值不对的问题

weixin_30663391

于 2016-07-12 16:58:00 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hamsterPP/p/5664162.html

本文介绍了一种解决网页内容撑不满一屏时，通过修改html与body标签样式来准确获取整个网页高度的方法。当使用document.body.clientHeight及document.body.clientWidth时可能会遇到尺寸不准确的问题，文章提供了解决方案。

当网页内容撑不满一屏时，通过以下代码获得整个网页高度会有问题

document.body.clientHeight;
document.body.clientWidth;

得到的宽高不对，可能是因为html与body标签缺一个样式：height:100%

设置如下：

        html{
            height: 100%;
            overflow: hidden;//overflow去掉滚动条
        }

        body{
            height: 100%;
        }

转载于:https://www.cnblogs.com/hamsterPP/p/5664162.html