用DIV+CSS写网页背景代码时，应该先写一个DIV，在这个DIV的CSS里面添加背景图片，并设置其margin为auto，宽度为100%或者auto；然后在这个DIV里面在写一个DIV，在第二个DIV里面设置CSS样式，宽度为背景图片的实际宽度，然后在写在背景图片之上的其他内容，这样用户在缩放浏览器的界面时，这个div里面的内容可以与图片位置相对固定，使排版不会随着界面的缩小或者放大而改变；具体代码如下：
<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
/*---gywm---*/
.gywm { width:auto;
height:430px;
background: url(../images/gywm-bg.png) no-repeat center 0;
color:#fff;
.gywm-con { width:1160px;
margin: 0 auto;
.gywm h3 {
font-size:36px;
padding-top:40px;
font-weight: normal;
.gywm p {
font-size:18px;
padding-top:35px;
width:450px;
line-height:37px;
.gywm span {
font-size:24px;
padding-top:235px;
line-height:90px;
color:#333;
padding-left: 30px;
.gywm img {
padding-top:35px;
</style>
</head>
<!--/关于我们-->
<div class="gywm"> //第一个div设置宽度为auto，可以使背景图片自动适应屏幕的大小，放大或缩小浏览器界面时图片可以居中显示；
<div class="gywm-con"> //第二个div设置宽度为背景图片的真实宽度，使用户在缩放浏览器的界面时，这个div里面的内容可以与图片位置相对固定，使排版不会随着界面的缩小或者放大而改变；
<h3>窈窕书女</h3>
<p>窈窕书女是为了继承和发扬中国传统文化——“女书文化”而诞生的女性礼仪相关品牌。 “女书文化”的发展、传承及其为符号承载的文化信息构成了女书风俗......</p>
<span>坚持口碑营销用成长说话，内外兼修、优雅绽放！</span><br/>
<a href="/pinpaijieshao/" title="查看更多"><img src="/statics/images/ckgd.png" /></a>
</body>
</html>
用DIV+CSS写网页背景代码时，应该先写一个DIV，在这个DIV的CSS里面添加背景图片，并设置其margin为auto，宽度为100%或者auto；然后在这个DIV里面在写一个DIV，在第二个DIV里面设置CSS样式，宽度为背景图片的实际宽度，然后在写在背景图片之上的其他内容，这样用户在缩放浏览器的界面时，这个div里面的内容可以与图片位置相对固定，使排版不会随着界面的缩小或者放大而改变；具体...
1.建议使用google Chrome内核的浏览器打开，火狐也可以，360浏览器用极速模式打开。
2.输入文件：按照提供的样本输入后提交，就可以下载已经排版好的自动A4分页的网页版标贴。
3.打印文件：使用Chrome内核浏览器自带的打印功能，分别选择边距直到页面排版正常，比如选择“边距：无”。
4.放大缩小：排版正常后，可以选择自定义边距放大缩小，根据A4尺寸以及页边距可以计算标贴尺寸（单位毫米）。
5.扫描直达：有了二维码，大家就可以手机扫码直达结果（批量印刷前请扫码核实网址）。
6.最新版本下载：http://macode.7384.org/inc/urltwodimensioncodeQRcodemaker.zip。
如果不是网址+参数组合网址，可以GET方式网址留空，变量参数那儿输入每行一个完整网址来查询。
图片的宽度和高度不要
设置成固定值，可以
设置成百分比，自适应
网页大小,如
<img style="width:50%;height:50%"/>
要把
图片的高度和宽度
设置成百分比形式，它的大小就会随着其父节点（父div）的
变化而
变化，同理其祖父节点（父div的父div）也不要
设置成固定值。body是根节点（所有标签的直接或间接父级）
一般来说写
页面的
时候都是尽量使用百分比表示的，能用百分...
$.fn.resizeimage = function(){
var imgLoad = function (url, callback) {
var img = new Image();
img.src = url;
if (img.complete) {
现在用CSS来实现这一效果。
首先需要一张足够大尺寸的图片，上图百度背景图的尺寸为1600*1000px( 图片地址：http://4.su.bdimg.com/skin/12.jpg?2 )；花瓣背景图的尺寸为1600*1600px( 图片地址：http://hbfile.b0.upaiyun.com/img/unauth_page/food_bg.jpg )；
然后有两种方法可以达到背景图不缩放的效果：
方法一. 把图片作为backg
