如何缩放图像以适合屏幕[重复]

【问题标题】：How to scale an image to fit a screen [duplicate]如何缩放图像以适合屏幕[重复]
【发布时间】：2021-02-19 14:48:48
【问题描述】：

我正在制作一个页面，并将页脚设为图像...我的问题是图像是 1920x122，当我将其添加到网页时它会这样做：如何缩放图像以适应屏幕（我希望这适用于所有屏幕）？
最好只使用 CSS 和 HTML。

【问题讨论】：

标签： html css

【解决方案1】：

将以下属性添加到页脚的 CSS 样式中：

  width: 100vw;

这会将图像的宽度设置为视口宽度的 100%。

【讨论】：

【解决方案2】：

如果您希望它覆盖整个屏幕，请在您的 CSS 中尝试这些：

  background-image: *insert url*
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

如果你只想要部分等，或者调整高度......

【讨论】：