Html 如何根据窗口分辨率自动调整图像大小

当我试图根据不同的分辨率调整图像大小时，我目前面临一些问题。我试图实现的结果如下：

下面是我的代码：

#容器{
宽度：100%；
}
#img{
背景：透明中心无重复url（'image.png'）；
宽度：100%；
身高：100%；
最大高度：850px；
背景尺寸：封面；
}

效率
电能计量

如果要根据div大小调整图像大小，请将图像用作div背景，并从代码中删除图像标记。（示例就是这样做的）

---

如果不想调整图像大小，请使用图像标记并从样式中删除

background

属性。

哪个图像是您在html中定义的图像，还是您正在div中设置为背景图像的图像？此外，还有一个零散的

标记，没有匹配的开始标记。@我纠正了1的输入错误。我希望我的图像作为背景，并且在图像上有一些文字。我已经整理了一个JSFIDLE供您参考。我所做的是随着屏幕分辨率的变化调整高度和宽度。希望这有帮助。