移动端 图片背景自适应 background-size:contain;

移动端基本都是webkit核心的浏览器，所以不用关注IE的那些了，

图片自适应用到的是做为背景图片处理，如果直接img标签的图片，判断屏幕尺寸，JS判断下载对应的图片这样的。不过分辨率各种各样的，手机端的也不能完全适配所有的。

下面就记录下图片背景的时候,用到css3 background-size:contain;

实例写法  css

 background: url("images/list_img1.png") center no-repeat;
 background-size:contain;

这里需要注意的问题就是宽度高度，一般都是需要这个值，手机分横屏竖屏，对应的就是min-width,min-height;max-width,max-height;

max-width max-height 当然就是图片的原始尺寸 一般做手机效果图也不会特别大直接使用就好了

min-width min-height 这个不知道等比缩放大小 ，可以直接在PS里调试下，等比缩放的尺寸确定哪个更适合。