根据屏幕分辨率的不同使得内容页的高度充满整个屏幕

Question

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

Answer 1

网页可见区域宽： 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>