背景图尺寸(background-size)

Posted on 2020-05-20 16:40  嗷呜~  阅读(727)  评论(0编辑  收藏  举报
background-size:cover; // 是等比缩放铺满整个区域。如果显示比例和显示区域的比例相差很大某些部分会不显示,比如长度比宽度大很多,则宽度左侧会有一部分不显示。
background-size:auto;  //  默认值,不改变 宽高
很大某些部分会不显示,比如长度比宽度大很多,则宽度左侧会有一部分不显示。
background-size:contain; 等比缩放,按照某一边来覆盖显示区域的,会有白边