css3圖片大小自適應的方法(不采取拉伸)

css3圖片大小自適應的方法(不采取拉伸)

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

我這里說下

   background-size: cover; 這個是寬度或者高度等比例縮放

background-size: 

100% 是 寬度等比縮放 鋪滿

 

 background-size: contain也可以