background-size: contain 与cover
一:background-size: contain 与cover的区别:作用: 都是将图片以**相同宽高比**缩放以适应整个容器的宽高。不同之处在于:1.在no-repeat情况下,如果容器宽高比与图片宽高比不同, cover:图片宽高比不变、铺满整个容器的宽高,而图片多出的部分则会被截掉; contain:图片自身的宽高比不变,缩放至图片自身能完全显示出来,所以容器会有留白区域...
·
一:background-size: contain 与cover的区别:
作用: 都是将图片以**相同宽高比**缩放以适应整个容器的宽高。
不同之处在于:
1. 在no-repeat情况下,如果容器宽高比与图片宽高比不同,
cover:图片宽高比不变、铺满整个容器的宽高,而图片多出的部分则会被截掉;
contain:图片自身的宽高比不变,缩放至图片自身能完全显示出来,所以容器会有留白区域
更多推荐
已为社区贡献1条内容
所有评论(0)