日期:2014-05-17  浏览次数:20554 次

根据屏幕分辨率的不同使得内容页的高度充满整个屏幕
母版页中的内容页,如何用js和css实现:使内容页的高度根据不同电脑的屏幕分辨率而总是充满内容页的整个高度?希望有详细代码。

------解决方案--------------------
网页可见区域宽: document.body.clientWidth 

网页可见区域高: document.body.clientHeight 

网页可见区域宽: document.body.offsetWidth (包括边线的宽) 

网页可见区域高: document.body.offsetHeight (包括边线的高) 

网页正文全文宽: document.body.scrollWidth 

网页正文全文高: document.body.scrollHeight 

网页被卷去的高: document.body.scrollTop 

网页被卷去的左: document.body.scrollLeft 

网页正文部分上: window.screenTop 

网页正文部分左: window.screenLeft 

屏幕分辨率的高: window.screen.height 

屏幕分辨率的宽: window.screen.width 

屏幕可用工作区高度: window.screen.availHeight 

屏幕可用工作区宽度: window.screen.availWidth 

<script language="javascript"> 

function screenInfo(){ 

    var  s = ""; 

   s += "\r\n网页可见区域宽:"+ document.body.clientWidth; 

   s += "\r\n网页可见区域高:"+ document.body.clientHeight; 

   s += "\r\n网页可见区域宽:"+ document.body.offsetWidth  +" (包括边线的宽)"; 

   s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)"; 

   s += "\r\n网页正文全文宽:"+ document.body.scrollWidth; 

   s += "\r\n网页正文全文高:"+ document.body.scrollHeight; 

   s += "\r\n网页被卷去的高:"+ document.body.scrollTop; 

   s += "\r\n网页被卷去的左:"+ document.body.scrollLeft; 

   s += "\r\n网页正文部分上:"+ window.screenTop; 

   s += "\r\n网页正文部分左:"+ window.screenLeft; 

   s += "\r\n屏幕分辨率的高:"+ window.screen.height; 

   s += "\r\n屏幕分辨率的宽:"+ window.screen.width; 

   s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight; 

   s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth; 

   alert(s); 



</script> 


------解决方案--------------------
内容页不给固定宽高,设置100%呢