css3中background-size中的cover与contain的区别

html-css020

css3中background-size中的cover与contain的区别,第1张

background-size中的cover与contain都是将图片以相同的宽高比缩放以适应容易的宽高，不同的是cover会缩放至图片能够铺满整个容易，可能会有部分图片区域被裁剪，而contain则是图片会缩放至整个图片都能显示完全，但是容易可能会有留白。

这个要看你背景图多大，你就给你放背景图的容器一样的宽高，这样背景就会显示出来，如果你的容器是自动高度的话，那么你就需要给这个容器最小高度这个属性，以便让背景能够显示出来。背景图片无法定义大小的。如果是一些平铺纵铺的背景，那你就可以使用repeat-x ,-y 这类的属性就可以实现。