问题描述
|
这是我所知道的:
%
,如background-size: 100%;
px
,如background-size: 1000px 2000px;
那里还有什么?
解决方法
您可以在此处阅读规格:http://www.w3.org/TR/css3-background/#the-background-size
<bg-size> = [ <length> | <percentage> | auto ]{1,2} | cover | contain
值具有以下含义:
'包含'
将图像缩放,同时保留其固有的宽高比(如果有),以最大尺寸进行缩放,以使其宽度和高度都可以适合背景定位区域。
'覆盖'
在保留图像固有长宽比(如果有)的情况下,将图像缩放到最小尺寸,以使其宽度和高度都可以完全覆盖背景定位区域。
[ <length> | <percentage> | auto ]{1,2}
第一个值给出相应图像的宽度,第二个值给出其高度。如果仅给出一个值,则将第二个假定为“自动”。
相对于背景定位区域的百分比。
一个维的“自动”值可以通过使用图像的固有比率和另一维的大小来解决,或者通过使用图像的固有大小来解决,或者不通过将其视为100%来解决。
如果两个值均为“ auto”,则应使用图像的固有宽度和/或高度(如果有)。如果图像既没有固有宽度也没有固有高度,则将其尺寸确定为“包含”。
不允许使用负值。
否则,请尝试:https://developer.mozilla.org/en/CSS/background-size
, http://www.w3schools.com/css3/css3_pr_background-size.asp
看语法->长度|百分比|覆盖|包含