HTML中响应式图片的最大宽度/高度设置且无需使用CSS

Question

有没有一种方法可以使用 HTML 添加一个内联图片，使其具有响应式但具有最大宽度？

我知道可以使用 使其具有响应式，但这会导致图像调整为容器大小，而我想为其设置最大宽度/大小。

这可能吗？我不想使用 CSS 来完成这个任务的原因是，我无法编辑主 CSS 或父级 CSS，在这种情况下，我宁愿不使用内联 CSS。

谢谢。

- Ben S

---

不是的。CSS 是提供“响应式”功能的。 - MaggsWeb

你可以尝试使用内联样式并使用关键字!important，这可能会覆盖CSS规则。 - Canvas

你可以将 max-width 设置为 img 的容器。 - Rohit Kumar

<img style="max-width:100%;"> - Aibrean

感谢回复。只要图像的实际大小不大于我想在桌面/较大屏幕上显示的大小，使用<img style="max-width:100%;">就可以了，所以我会这样做。 - Ben S

Answer 1

如果您不想设置百分比，那么可以使用以下代码：

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

然而我喜欢这样设置：

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

这样可以将图片设置为比其容器小一定像素。两种方法都可以使用。

- Adam Buchanan Smith

Answer 2

我最常智能选择宽度的需求是将某物大小调整为100％，除非太大。例如，同时指定宽度和最大宽度：
<img src="myimage.png" style="max-width:1000px; width:100%;">
这是内联CSS，原问题声明不需要；然而，OP随后选择了内联CSS解决方案。

- CPBL