background-size属性100% cover contain

Posted 园园张

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了background-size属性100% cover contain相关的知识,希望对你有一定的参考价值。

backgroun-size:

数字:100px 80px

百分比:100% 100% 相对于父元素的,能占满全屏,但是比例可能会失真

cover:占满全屏,可能一部分显示不出来

contain:有一个占满方向占满,背景图不失真

以上是关于background-size属性100% cover contain的主要内容,如果未能解决你的问题,请参考以下文章

background-size中,100%和cover的区别

IE不兼容background-size属性解决办法(使用filter)

为啥 background-size:100% 100%;不适用于此 SVG?

background-size:100% 100% 时 background-position: % 失效

background-size值为cover和值为100%的区别

前端背景缩放和渐变