新手求助,怎样用css让网页布满整个浏览器窗口

html-css011

新手求助,怎样用css让网页布满整个浏览器窗口,第1张

body,html{

padding:0px

margin:0px

}

浏览器会默认给body留有margin,重置为0即可。

另一方面,内容的块(div)长度单位使用%定义(这只是针对你的铺满的要求,实际布局中,使用%也会出现某些问题,以后可以慢慢去学会如何调整),比如:

.content{

width:100%

}

别设成固定大小,设成百分比,比如整个页面设成90% 居中,那样不管窗口多大都会保持占这个屏幕的90% 并且居中(只把宽度设成百分比就行)

设成固定大小,你并不知道浏览者用的是多大的显示器(你做的时候只是根据自己显示器大小做,所以弄成百分比 是由好处的!)

通过css3的媒体查询功能。不同的分辨率之下赋予标签不同的背景图片,可以实现上述功能。

@media screen and (min-width: 1200px) {

body {

background: blue

}

}

例子是1200像素显示body为蓝色,background的值是可以为图片的。

想要有多个媒体查询,需要一个个的写上去,设置好不同的分辨率。