在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

謝謝你們。