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

html-css09

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

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

使用img标签,给它的width属性设定一个绝对数量值,其高度就会自动按照width的值进行缩放了。

如:

<img alt="" src="imgs/图片.jpg" width="1000" />