用JS或者jQuery监听 浏览器窗口大小的变化事件

$(window).resize(function() { 
  
  $('.div').html($(window).width());
//  alert($(window).width()); //浏览器时下窗口可视区域宽度 
//  alert($(window).height()); //浏览器时下窗口可视区域高度 
//  alert($(document).height()); //浏览器时下窗口文档的高度 
//  alert($(document.body).height());//浏览器时下窗口文档body的高度 
//  alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin 
//  
//  alert($(document).width());//浏览器时下窗口文档对于象宽度 
//  alert($(document.body).width());//浏览器时下窗口文档body的高度 
//  alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin 
 })