推广 热搜: 劳务  海南  2024  合同  江苏  云南  劳务系统  2023  劳务派遣管理软件  劳务派遣管理系统 

js自适应高度的解决方法

   2024-06-10 190
核心提示:p由于做网站要考虑到很多浏览器分辨率的问题,我们在做的时候要尽量的自适应,一下是自适应高度的核心代码:functiontestRobotHe
<p>由于做网站要考虑到很多浏览器分辨率的问题,我们在做的时候要尽量的自适应,一下是自适应高度的核心代码:functiontestRobotHeight(){</p><p>varinnerHeight=window.innerHeight||document.documentElement.clientHeight;//兼容获取内容区域的高度</p><p>if(innerHeight>500){//最低多少高度不做自适应</p><p>document.getElementById(".c_main_box").style.height=innerHeight-32-177+"px";//变化元素高度</p><p>}</p><p>}</p><p>window.onresize=function(){//浏览器变化时执行</p><p>testRobotHeight();</p><p>}这段代码主要核心就是第一获取兼容内容区域高度,在定一个最小高度的极限,然后在浏览器加载的时候和浏览器变化的时候来执行这个函数。本文由免费劳务派遣系统软件系统起航劳务派遣系统原创,转载请注明出处。</p>
 
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备18079127号  |  粤ICP备18079127号