li的宽：calc(33.3333%)这样不管什么时候在什么手机上都能正常，然后要做的就是图片适应盒子大小，给图片设置display:blockwidth:100%这样图片就是根据盒子来适应大小的。
根据页面设计情况选择相应的参数，方法就是设计背景size参数background-size：cover ，适用于上半部分背景图片，下半部分纯色
将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。
background-size：contain 适用于一屏幕，缺点屏幕宽度高度不一致，会有缝隙
将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。
background-size：100% 100%；
最简单粗暴的方法，缺点会给背景拉伸变形
首先是3个层.分为头部,中部,尾部
头部
中部
尾部
头部和尾部是固定的层.
中部层的样式随着层的高度向下平铺
我想你应该有的头绪了吧
