内容根据窗口大小自适应

╰半橙微兮° 2022-05-21 09:13 301阅读 0赞

/** *******************自适应 start************************* */
    
    var isIE = !!window.ActiveXObject;
    var isIE6 = isIE && !window.XMLHttpRequest;
    var isIE8 = isIE && !!document.documentMode;
    var isIE7 = isIE && !isIE6 && !isIE8;
    var isResize = true;
    $(window).resize(function() { 
        var ss = getPageSize();
    
        /* var jqgirdwidth = $(document.body).width(); */
        if (isIE) {
            $(".widget-body").height(ss.WinH - $(".widget-header").height() - 10);
            $(".widget-main").height(ss.WinH - $(".widget-header").height()-$(".toolbar").height() - 12);
        } else {
            $(".widget-body").height(ss.WinH - $(".widget-header").height() - 10);
            $(".widget-main").height(ss.WinH - $(".widget-header").height()-$(".toolbar").height() - 12);
        }
    });
    
    function getPageSize() { 
        // http://www.blabla.cn/js_kb/javascript_pagesize_windowsize_scrollbar.html
        var winW, winH;
        if (window.innerHeight) {
       // all except IE
            winW = window.innerWidth;
            winH = window.innerHeight;
        } else if (document.documentElement
                && document.documentElement.clientHeight) {
       // IE 6 Strict Mode
            winW = document.documentElement.clientWidth;
            winH = document.documentElement.clientHeight;
        } else if (document.body) { // other
            winW = document.body.clientWidth;
            winH = document.body.clientHeight;
        } // for small pages with total size less then the viewport
        return {
            WinW : winW,
            WinH : winH
        };
    }
    
    $(function() { 
        var ss = getPageSize();
        /* $("#grid-table").setGridWidth(ss.winW); */
        $(".widget-body").height(ss.WinH - $(".widget-header").height() - 10);
        $(".widget-main").height(ss.WinH - $(".widget-header").height()-$(".toolbar").height() - 12);
    });
    
    /** *******************自适应 end************************* */