设置 IMG.width 以在没有 .js 的情况下调整为容器（DIV 等）宽度

Question

有没有办法让 IMG 相对于 DIV 调整其宽度（和高度以保持纵横比）？

用例这是电子邮件通讯，所以我 不能使用 .js 有一个包含 div 的内容可以根据页面宽度调整大小。我希望其中的 IMG "obey" 那个。

我试过只设置 Style="Width:100%" 但这不起作用。

Answer 1

style="max-width:100%;width:100%;"

Answer 2

img {
    max-width:100%;
    height:auto;
}

仅当在图像标记中设置了宽度和高度属性时才需要将 height 设置为 auto。

Answer 3

如果需要使用内联样式：

<img style="width: 100%; height: auto;" src="..." />

Answer 4

您尝试过将其作为属性 width="100%" 吗？这应该使它全面运作。高度应自动调整。

Set IMG.width to resize to container (DIV, etc.) width without .js