在外贸网站设计过程中，为了网站的美观或者部分产品的需要，我们会为网站添加一个背景，有时候是小图片平铺，有时候是一整张大的背景图片，由于浏览器尺寸、分辨率的原因，如果背景是一张大图，那么在浏览器尺寸、分辨率不同的情况一下，呈现的效果也会不一样，为了保证好的效果，我们需要让背景图片自适应浏览器窗口大小，即不论浏览器尺寸、分辨率的大小如何，图 片都能占满整个屏幕。下面我们来看看代码：

body {background:url(../xxx.jpg);filter:”progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=’scale’)”; -moz-background-size:100% 100%;background-size:100% 100%; }

正常状态效果：

浏览器窗口缩小后：

当然，这样的前提是背景图片要足够大，如果图片太小，图片会失真，影响效果！