在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

谢谢你们。