background-size:contain与cover的区别：
不同之处：
1、在no-repeat情况下，如果容器宽高比与图片宽高比不同，
cover:图片宽高比不变、铺满整个容器的宽高，而图片多出的部分则会被裁掉；cover即为”塞满“
contain:图片自身的宽高比不变，缩放至整个图片自身能完全显示出来，所以容器会有留白区域。contain即为“包含”，我图片虽然缩放了，但是整个图是被“包含”在里面了，完整显示，不能裁剪。
2、在repeat情况下：
cover与上述相同；
contain：容器内至少有一张完整的图，容器留白区域则平铺背景图，铺不下的再裁掉。
1、background-size : 100% 100% 与 cover 和 contain 区别 （1）1...
background-size:contain与cover的区别： 不同之处： 1、在no-repeat情况下，如...
background-size: length|percentage|cover|contain cover 覆盖...
background-size 设置背景图片的大小 值： cover和contain区别 在background-...
background-size: length | percentage | cover | contain le...
background-size:cover; 背景铺满元素 调整背景图片的宽度或高度（较小者），以铺满整个元素 保...
background-size: length|percentage|cover|contain;IE9+、Fir...
设置背景图片大小background-size: length|percentage|cover|contain;...
两者均以保持图像宽高比的形式缩放来适合背景容器的大小区别:在no-repeat的情况下cover:图片宽高比不变,...
background-size中的cover与contain都是将图片以相同的宽高比缩放以适应容易的宽高，不同的是...
本文标题：background-size:contain与cover的区别
本文链接：https://www.haomeiwen.com/subject/ngjstxtx.html
网友评论