CSS - 我可以通过更改宽度和高度来调整背景图像的大小吗？

Question

给定以下 CSS 规则，

#block1 {
 text-indent: -1000em;
 background: transparent url(../images/xxx.png) no-repeat scroll center center;
 width: 100px;
 height: 50px;
 display: inline-block;
}

假设图像 xxx.png 的尺寸为 100px x 50px。如果我需要使显示在 #block1 上的图像看起来更小，我可以简单地更改 #block1 的宽度和高度，或者我必须先重新调整图像的大小，然后相应地更改 #block1 的宽度和高度。

谢谢

Answer 1

您不能在 CSS1 和 2 中使用，但 CSS3 支持 background-size属性，如果您将其设置为 100%，应该会提供您正在寻找的内容。

但是，您可能应该只调整背景图像的大小，除非您有令人信服的理由不这样做:)