欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML5的div自适应高度和宽度

程序员文章站 2022-05-24 21:10:03
...

代码:

<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>
  • 效果: 终于没有该死的滚动条了!
  • 缺陷: 每次在手动改变了窗口大小后要重新刷新下才能再次调用该函数,最好自己再写个改变窗口大小时刷新的监听事件

HTML5的div自适应高度和宽度
参考:https://blog.csdn.net/xuanlv_haoshao/article/details/79782369