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

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

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

我这里说下

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

 

 background-size: contain也可以
posted @ 2020-12-30 19:02  newmiracle宇宙  阅读(113)  评论(0编辑  收藏