html - 图像属性高度/宽度自动导致性能渲染？

Question

现在我面临定义图像属性高度和宽度的问题，因为我不知道服务器的尺寸。然后我考虑将width/分配height给auto。

例如

img {
    height: auto;
    width: auto;
}

但我担心在没有特定width/的情况下渲染性能图像height。我希望这里的前端开发人员能够帮助解决这个问题。

Answer 1

嘿，现在定义你的 img widthin100%

像这样

<div class="imgtagcss">
<img src="xxx.jpg" >
</div>

CSS

.imgtagcss{
width:xxx;
}
.imgtagcss img{
width:100%;
}

Answer 2

给定宽度和高度在 css 中有 100%。因此，当加载 css 时，所有图像标签都将设置为 100%。这不会产生任何性能影响。