js 自适应高度的解决方法

来源:luqidong 发布时间:2014-03-13 20:59:59 点击数:
由于做网站要考虑到很多浏览器分辨率的问题,我们在做的时候要尽量的自适应,一下是自适应高度的核心代码:

    function testRobotHeight(){
        var innerHeight=window.innerHeight||document.documentElement.clientHeight;//兼容获取内容区域的高度
        if(innerHeight>500) {//最低多少高度不做自适应
            document.getElementById(".c_main_box").style.height= innerHeight-32-177+"px";//变化元素高度
        }
    }
    window.onresize=function(){//浏览器变化时执行
        testRobotHeight();
    }

这段代码主要核心就是第一获取兼容内容区域高度,在定一个最小高度的极限,然后在浏览器加载的时候和浏览器变化的时候来执行这个函数。

78OA办公系统

本文由免费oa系统78oa原创,转载请注明出处。