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

翻译于 2014-03-10 09:27:08 发布 · 5.4k 阅读

文章标签：

#js #jquery

js 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于根据浏览器窗口的宽度调整指定div元素的宽度。当浏览器宽度超过设定阈值时，div宽度固定为1022像素；否则，采用100%宽度以实现响应式布局。

    $(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;
        }
    }