background-size

设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。

语法

 background-size: auto | <长度值> | <百分比> | cover | contain

参数说明：

  1. auto**：默认值，不改变背景图片的原始高度和宽度；
  2. <长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放**；
  3. <百分比>**：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上；
  4. cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器**；
  5. contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止**。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容