84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。
这里面说的最大大小和最小大小该怎么理解呢？为什么我觉得它们好像没有区别啊？
认证高级PHP讲师
写一段代码自己验证一下啊：
contain cover 原始图片
contain
cover
原始图片
可以看出，尽管cover和contain都保持了纵横比，但是contain会把图片完全包含进box，box内部有些部分没有图片：而cover则是图片会完全覆盖box，而图片的有些部分则会不显示：
http://segmentfault.com/a/1190000002481921#articleHeader8
据说这里有答案……
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
写一段代码自己验证一下啊：
可以看出，尽管cover和contain都保持了纵横比，但是contain会把图片完全包含进box，box内部有些部分没有图片：
而cover则是图片会完全覆盖box，而图片的有些部分则会不显示：
http://segmentfault.com/a/1190000002481921#articleHeader8
据说这里有答案……