HTML中具有最大宽度/高度且无CSS的响应式图像

Question

有没有办法使用响应但具有最大宽度的HTML添加内嵌图像？

我知道我可以使用<img width="100%" />使其响应，但这会导致图像大小调整为容器大小，我想为它设置最大宽度/大小。

这可能吗？我不想使用CSS做的原因是因为在这个例子中我不能编辑主/父CSS而宁愿不使用内联CSS。

感谢。

Answer 1

如果您不想设置百分比，请使用：

<img style="max-width: 200px;">

但我喜欢这样设置：

<img style="max-width: calc(100% - 20px);">

这样你可以将img设置为比其容器小的某个px。任何一个都可以工作。

Answer 2

我对智能选择宽度的最常见需求是将某些东西的大小调整为 100%，除非它变得太大。例如，同时指定宽度和最大宽度：

<img src="myimage.png" style="max-width:1000px; width:100%;">

那是内联CSS，原始问题指出不需要；然而，OP 随后选择了内联 CSS 的解决方案。