html+css 图片自适应

background-size：cover | cotain 背景图

object-fill: fill/ contain / cover / none / scale-down 

• fill 默认值。内容拉伸填满整个content box, 不保证保持原有的比例。
• contain: 保持原有尺寸比例。长度和高度中短的那条边跟容器大小一致，长的那条等比缩放，可能会有留白。
• cover: 保持原有尺寸比例。宽度和高度中长的那条边跟容器大小一致，短的那条等比缩放。可能会有部分区域不可见。 none: 保持原有尺寸比例。同时保持替换内容原始尺寸大小。
• scale-down:保持原有尺寸比例,如果容器尺寸大于图片内容尺寸，保持图片的原有尺寸，不会放大失真；容器尺寸小于图片内容尺寸，用法跟contain一样。

今天处理自适应问题时，banner插入的图片 

• weidth:100%
• height:auto

嗯哼，完全不对（看需求），应该高度一定 然后再自适应