全屏主要就是要宽度铺满浏览器窗口，将宽度定义为100%即可。如下这个示例：
<html><head>
<style>
body{width:100%margin:0padding:0}
.header{width:100%height:auto}
.header img{width:100%display:blockborder:0}
</style>
</head>
<body>
<div class="header">
<img src"图片地址">
</div>
</body>
</html>
主要是头部图片所在容器的父级得是body，或者其父级宽度不管多少级，都是100%才行。
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>html{width:100% height:100%}body{width:100% height:100% background: url(../1.jpg) no-repeat background-size:cover /*这里设置了背景图片为覆盖，以填满整个容器*/ }</style></head> <body></body></html>网页背景图片用css实现全屏显示，首先需要的做的就是明确那个图片要加在那个元素上，将body上，就能实现全屏，因为body是包括浏览器的可见部分，提交一段代码：<html>
<head>
<style>
body{
background:url('图片地址')repeat 0px 0px
}
</style>
</head>
<body>
</body>
</html>
这样就能实现满屏，不过图片尺寸不够的话，会出现重复的。
