background-size cover和contain的用法详解
我们在自己建网站时,经常需要用到background属性。我们还可以通过background-size来控制背景图片的尺寸。
background-size有几个属性值,常用的是cover和contain。那么background-size:cover和contain二者之间有什么区别呢?
下面学做网站论坛就来介绍一下background-size cover和contain的区别和用法。(相关视频教程:CSS3 background背景属性)
相同点:
可以控制背景图片,并且背景图片尺寸都是等比例缩放。
不同点:
background-size:cover是铺满整个显示区域。如果显示比例和显示区域的比例相差很大某些部分会不显示。
background-size:contain:正好相反,他是按照某一边来覆盖显示区域的,会有白边。