当浏览器窗口大小改变时，设置显示内容的高度

最新推荐文章于 2024-11-29 17:17:39 发布

原创最新推荐文章于 2024-11-29 17:17:39 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js获取窗口 #浏览器宽度 #js获取宽度 #可视宽度高度 #获取浏览器可视宽度

js 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一种利用JavaScript监听浏览器窗口大小变化的方法，并根据窗口宽度调整页面布局的实现细节。通过`window.onresize`事件，可以实现在不同分辨率设备上的自适应布局。


//当浏览器窗口大小改变时，触发 window.onresize事件
 window.onresize=function(){  
    changeDivHeight();  
 }  
 function changeDivHeight(){ 
       //宽度              
     var ChiWidth=$(document).width() < $('body').width() ? $(document).width() : $('body').width(); 
     if(ChiWidth<1000){
       //小于1000
      }else{
       //大于1000
      }


}