background-size | css背景填滿
<length>[1] 值,指定背景图片大小,不能为负值。
<percentage><percentage>[2] 值,指定背景图片相对背景区(background positioning area)的百分比。背景区由background-origin[3]设置,默认为盒模型的内容区与内边距,也可设置为只有内容区,或者还包括边框。如果attachment[4] 为fixed,背景区为浏览器可视区(即视口),不包括滚动条。不能为负值。
auto以背景图片的比例缩放背景图片。
cover缩放背景图片以完全覆盖背景区,可能背景图片部分看不见。和 contain 值相反,cover 值尽可能大的缩放背景图像并保持图像的宽高比例(图像不会被压扁)。该背景图以它的全部宽或者高覆盖所在容器。当容器和背景图大小不同时,背景图的 左/右 或者 上/下 部分会被裁剪。
contain缩放背景图片以完全装入背景区,可能背景区部分空白。contain 尽可能的缩放背景并保持图像的宽高比例(图像不会被压缩)。该背景图会填充所在的容器。当背景图和容器的大小的不同时,容器的空白区域(上/下或者左/右)会显示由 background-color 设置的背景颜色。
位图一定有固有尺寸与固有比例,矢量图可能两者都有,也可能只有一个。渐变视为只有固有尺寸或者只有固有比例的图片。
备注: This behavior changed in Gecko 8.0. Before this, gradients were treated as images with no intrinsic dimensions, with an intrinsic proportion identical to that of the background positioning area.
由 -moz-element (en-US)[5] 生成的背景图片,(which actually match an element) ar...