让页面在不同分辨率下都全屏显示，完整代码参考如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>实现两边固定宽度,中间自适应宽度-</title>
<style>
body{ margin:0 padding:10px}
#head{ margin-bottom:10px height:50px background-color:#999999}
#main{}
#left{ width:200px float:leftmargin-right:-200px background-color:#FF9900}
#mid{ width:autobackground:#00FF00margin:0 220pxborder:1px solid #000}
#right{ width:200pxmargin-left:-200px float:right background-color:#CCCC00}
#foot{ margin-top:10px clear:both height:50px background-color:#CCCCCC}
</style>
</head>
<body>
<div id="head">我是头部</div>
<div id="main">
<div id="left">我是左边,宽:200px</div>
<div id="right">我是右边,宽:200px</div>
<div id="mid">我是中间,宽自适应</div>
</div>
<div id="foot">我是底部</div>
</body>
</html>
css设置背景图片全屏，如果只是将其当做一张图片显示，可以通过css控制。超大图片，引入进来即可根据大小缩放。
如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。
具体解决方法如下：
1、创建以下目录结构的测试页面。
2、将测试图片显示在浏览器界面上，效果如下。
3、通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。
4、通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。
5、通过CSS设置图片大小100%，效果如下，图片铺满窗口。
6、通过CSS设置图片大小cover，效果如下，图片铺满窗口。
css让网页各屏背景全屏显示，首先需要理解就是浏览器展示区域，其实就是body这个部分，想要让背景全屏的话，需要用到css的background这个属性，在选择好背景的图片就可以了，具体看下代码：<html>
<head>
<style>
body{
background:url('图片地址')repeat 0px 0px
}
</style>
</head>
<body>
<p>我是测试文字</p>
</body>
</html>
