css3图片大小自适应的方法(不采取拉伸)

css3图片大小自适应的方法(不采取拉伸)

   width: 100%;
     height: 100%;
     overflow: hidden;
     background-size: cover;
     background-position: center;

我这里说下

   background-size: cover; 这个是宽度或者高度等比例缩放

background-size: 

100% 是 宽度等比缩放 铺满

 

 background-size: contain也可以