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

html-css07

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

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

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