background-size

描述

该 background-size 属性指定背景图像的大小。图像的大小可以完全约束或仅部分限制，以保持其内在比率。

效果展示

语法

background-size: [ <length> | <percentage> | auto ]{1,2} | cover | contain

值

• <length> 浮点数，后跟绝对单位指示符（厘米、毫米、英寸、pt 或 pc）或相对单位指示符（em、ex 或 px）。
• <percentage> 一个整数，后跟一个百分比 （%）。百分比值相对于背景定位区域。
• auto 沿相应方向缩放背景图像，以保持其固有比例。
• contain 将图像缩放到最大尺寸，同时保留其固有纵横比（如果有），使其宽度和高度都可以容纳在背景定位区域内。
• cover 将图像缩放到最小尺寸，同时保留其固有纵横比（如果有），以便其宽度和高度都可以完全覆盖背景定位区域。