你要是想实现这个可以用JS
网页可见区域高：document.body.clientHeight
网页可见区域高：document.body.offsetHeight (包括边线的宽)
在Body标签里onsize=“yourfun()”
js里：
function yourfun()
{
用document.body.clientHeight取得高度
算出宽度后赋值给div就可以了
}
其实对于css浏览器窗口居中这个问题很好解决：主要是设置：一个属性
margin:0
auto；
具体代码如下：
效果图：
窗口缩小后的效果图：
总结：#center{
margin：0
auto}
但是要浏览器窗口大小改变的话
也是居中的话
就得要用到js代码来实现了
resize()
窗口改变事件
通过css3的媒体查询功能。不同的分辨率之下赋予标签不同的背景图片，可以实现上述功能。@media screen and (min-width: 1200px) {
body {
background: blue
}
}
例子是1200像素显示body为蓝色，background的值是可以为图片的。
想要有多个媒体查询，需要一个个的写上去，设置好不同的分辨率。
