background-size的两个属性：cover和contain
Posted hulaoxi
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了background-size的两个属性：cover和contain相关的知识，希望对你有一定的参考价值。
两种都不会造成图片失真，其中：
（1）cover：相当于宽度等于元素的宽度，高度设为auto；
（2）contain：相当于高度等于元素的高度，宽度设为auto；
例如：设置一个高度和宽度都为300px的容器，然后将一张1600px*1200px尺寸的图片设为为图片的背景，这个时候就应该想到设置下background-size
以上是关于background-size的两个属性：cover和contain的主要内容，如果未能解决你的问题，请参考以下文章
background-size属性100% cover contain
移动端设置, mobile , 一张图片作为背景 ,平铺 ,自动拉伸 , 图片 铺满视界 ,窗口. background-image , background-size, backgroun