限制网络浏览器上的最大图像宽度答案

【问题标题】：Limit maximum image width on web broswer限制网络浏览器上的最大图像宽度
【发布时间】：2012-04-12 09:28:46
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：