响应图像但保持宽度和保持高度

Question

好的，基本上，我想让我的横幅响应。所以只是更改窗口大小和图像不会调整大小，但它不允许你滚动。

调整大小之前：

调整大小后：

这就是我不希望在窗口调整大小时发生的事情：

Answer 1

将横幅图像设置为背景并为其提供以下CSS：

background-size: cover;

来源：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Scaling_background_images