html - 如何根据html css上的屏幕分辨率调整图像大小

Question

我想使用 HTML 和 CSS 更改图像，使其大小与屏幕分辨率一致，例如 1920x1080 到 1600x900。

我该怎么做？

Answer 1

HTML:

<div class="img-div">
<img src="path-to-image">
</div>

CSS:

.img-div { height:100%; width:100%;}
img { max-width:100% }