⼀个栗⼦
background-size
设置图⽚⼤⼩，主要注意单位。
ound-s ize: cov e r;
cover代码所⽰
borderboxcover ound-s ize: contain;
contain代码所⽰
可以看到，容器尺⼨不变，但是图⽚缩⼩了。按照MDN解释，应是在原图⽚⽐例不变情况下，填充容器，因为默认是repeat的，所以余下部分重关键词：⽐例不变
ound-s ize: auto;
这也是默认情况下的值，这⾥就略过吧。
ound-s ize: /*⼀个值*/
当值有且只有⼀个时，表⽰图⽚的宽度，图⽚的⾼度隐式的为auto。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。