调整CSS中的背景图像大小

Question

我需要将背景“Image.png”的大小调整为112 x 22像素，但是当我修改width和height时，它会将图像裁剪为提供的大小而不是调整大小。
如何在CSS中调整图像？

#Title-1 {
  width: 148px;
  height: 29px;
  margin-left: 10px;
  background-image: url("/pic/Image.png");
  display: inline-block;
  vertical-align: top;
}

Answer 1

您是否尝试过background-size选项？

background-size: 112px 22px;

Answer 2

这是因为当您修改width和height值时，实际上是在更改容器的这些值。

您想要将其添加到CSS中：

#Title-1 {
    background-size: 112px 22px;
    background-repeat: no-repeat;
}

Answer 3

我现在明白了，

我用以下方法解决了这个问题：

background-size:cover

谢谢大家。