js来调整div的宽度当大于1024时按照百分比来，当小于1024时按照固定像素来

最新推荐文章于 2024-07-25 10:12:07 发布

Ocean Wang

最新推荐文章于 2024-07-25 10:12:07 发布

阅读量5.3k

点赞数

分类专栏： js 文章标签： js jquery

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

    $(document).ready(function () {
        reSizeDiv();
});

 
 function reSizeDiv() {
        var s = document.body.offsetWidth;  //(带浏览器边框的宽度)
        //var s = document.body.clientWidth; //(不带浏览器边框的宽度)
        if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0)
            s = window.innerWidth;

        var a = 1024;  //要变换的临界点
        var w = "1022px"; //DIV宽度（像素）
        var w1 = "100%";  //DIV宽度（百分比）
        var d = document.getElementById("div_d1");
        if (s > a) {
            d.style.width = w;
        }
        else {
            d.style.width = w1;
        }
    }