响应式图像但保持宽度并保持高度[重复]

Question

好的，基本上，我想让我的横幅响应。因此，只需更改窗口大小，图像不会调整大小，但它不允许您滚动。

调整大小之前：

调整大小后：

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

Answer 1

将横幅图片设置为背景并为其赋予以下 CSS：

background-size: cover;

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