HTML5的div自适应高度和宽度

代码:

<div id="page-wrapper" class="gray-bg" style="border: 2px solid #00CC00">

</div>

<script>
    function myFunction() {
        var cliWidth = document.body.clientWidth;
        var cliHeigth = document.body.clientHeight;
        var divWidth = cliWidth;
        var divHeight = cliHeigth;
        $('#page-wrapper').css("width", divWidth+"px");
        $('#page-wrapper').css("height", divHeight+"px");
    }
    myFunction();

</script>

• 效果: 终于没有该死的滚动条了!

• 缺陷: 每次在手动改变了窗口大小后要重新刷新下才能再次调用该函数,最好自己再写个改变窗口大小时刷新的监听事件

参考:https://blog.csdn.net/xuanlv_haoshao/article/details/79782369