限制Web浏览器上的最大图像宽度

Question

使用HTML和CSS限制浏览器上的最大图像宽度的最佳做法是什么？我在Google.com上搜索过，但没有找到任何好结果。谢谢！

另外，我也希望保持比例高度比。

Answer 1

使用style="max-width:NNNpx"（或max-height:NNNpx）（您也可以使用%作为衡量标准 - 例如max-width:10%）

Answer 2

您可以使用CSS限制图像的宽度：

img.limit-width {
    max-width:50%;
}

除了百分比之外，您还可以使用px和em。