具体步骤如下：
1、输入position:fixedtop: 0left: 0使整个div固定在屏幕的最上方和最左方。
2、输入width:100%height:100%min-width: 1000px这个可以适合div的高度和宽度，而min-width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变。
3、输入background-size: cover-webkit-background-size: cover-o-background-size: cover使图片随屏幕大小同步缩放，但是有部分可能会被裁切，不过不至于会露白，下面两句是为chrome和opera浏览器作兼容。
4、输入background-position: center 0使图片的位置，居中，靠左对齐。
首先要做的是盒子自适应屏幕大小，这样布局就不会乱，例如给ul的宽100%li的宽：calc(33.3333%)这样不管什么时候在什么手机上都能正常，然后要做的就是图片适应盒子大小，给图片设置display:blockwidth:100%这样图片就是根据盒子来适应大小的。
根据页面设计情况选择相应的参数，方法就是设计背景size参数background-size：cover ，适用于上半部分背景图片，下半部分纯色
将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。
background-size：contain 适用于一屏幕，缺点屏幕宽度高度不一致，会有缝隙
将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。
background-size：100% 100%；
最简单粗暴的方法，缺点会给背景拉伸变形
