jquery设置页面自适应浏览器

做页面,经常遇到,在调整浏览器大小的时候,想要实现内容自适应浏览器宽度或者高度,可以使用js处理:

 

 jQuery(window).resize(function(){
          jQuery('#contextDiv').width(jQuery(document).width());
   });
  jQuery(window).resize();

 

整理获得浏览器宽度和高度的方法:

 

1.     $j(window).height();    //浏览器窗口可视区域高度   

2.    $j(window).width());    //浏览器窗口可视区域宽度   

3.   $j(document).height());    //浏览器窗口文档的高度

 

4.   $j(document).width());    //浏览器窗口文档对于象宽度   

5.    $j(document.body).width());  //浏览器窗口文档body的高度  

6.   $j(document.body).height());  //浏览器窗口文档body的高度   

7.    $j(document.body).outerHeight(true));  //浏览器窗口文档body的总高度 包括border padding margin   

 

8.    $j(document.body).outerWidth(true));//浏览器窗口文档body的总宽度 包括border padding margin  

 

9.    $j(document).scrollTop()); //获取滚动条到顶部的垂直高度  

10.   $j(document).scrollLeft()); //获取滚动条到左边的垂直宽度  

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页