css中contain和cover的区别（转载）

不同之处在于：

1. 在no-repeat情况下，如果容器宽高比与图片宽高比不同，

　　cover（遮盖）：图片宽高比不变、铺满整个容器的宽高，而图片多出的部分则会被截掉；

　　contain（包含）:图片宽高比不变，缩放至图片自身能完全显示出来，所以容器会有留白区域；

2. 在repeat情况下：

cover:与上述相同；

contain:容器内至少有一张完整的图，容器留白区域则平铺背景图，铺不下的再裁掉。

转载：https://blog.csdn.net/qq_36770641/article/details/79593556