在 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

谢谢大家

在 CSS 中调整背景图片大小

Resizing background image in CSS

css

resize