html - 拉伸(stretch)图像以填充浏览器窗口的宽度

Question

我有一张图片，无论窗口大小如何，我都希望其宽度能够填满浏览器窗口。

如何在 HTML 和 CSS 中执行此操作？

Answer 1

可以添加一个宽高为100%的div，也可以设置图片的宽高为100%

<div id="wrapper">
    <img src="https://picsum.photos/200/200">
</div>​​​​​​​​​​

CSS:

#wrapper, img{
    width:100%;
    height: 100%;
}

jsfiddle