HTML5的div自适应高度和宽度

代码:

<div id="page-wrapper" class="gray-bg"style="border:">

</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>

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

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

​