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

Question

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

e.g。

img {
    height: auto;
    width: auto;
}

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

Answer 1

嘿现在在width

中定义你的img 100%

就像这样

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

<强>的CSS

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

Answer 2

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