background-size值为cover、100%和contain的区别

正如属性意义一样,三者都是来定义背景图显示尺寸大小的,但是三者还是有一点区别的:

cover:是按照等比缩放铺满整个区域如果显示如果显示比例和显示区域的比例相差很大某些部分会不显示,比如长度比宽度大很多,则宽度左侧会有一部分不显示。

100%:长宽100%显示,可能会拉升图片。

contain:也是等比缩放,按照某一边来覆盖显示区域的,会有白边

猜你喜欢

转载自blog.csdn.net/qq_39009348/article/details/81382852