如何缩放图像以适合屏幕

Question

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

Answer 1

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

  width: 100vw;

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

Answer 2

如果要覆盖整个屏幕，请在CSS中进行尝试：

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

或者如果只想要局部等，则调整高度...