background-size：cover ，适用于上半部分背景图片，下半部分纯色
将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。
background-size：contain 适用于一屏幕，缺点屏幕宽度高度不一致，会有缝隙
将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。
background-size：100% 100%；
最简单粗暴的方法，缺点会给背景拉伸变形
首先要做的是盒子自适应屏幕大小，这样布局就不会乱，例如给ul的宽100%li的宽：calc(33.3333%)这样不管什么时候在什么手机上都能正常，然后要做的就是图片适应盒子大小，给图片设置display:blockwidth:100%这样图片就是根据盒子来适应大小的。
