Responsive image但保持寬度並保持高度

Question

好的基本上，我想讓我的旗幟響應。所以只更改窗口大小和圖像不會調整大小，但它不允許滾動。

調整大小前：

調整大小後：

而這正是我不希望在窗口大小調整的情況發生：

Answer 1

設置橫幅圖像作爲背景，並給它下面的CSS：

background-size: cover; 

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