html - 强制具有不可编辑的样式/属性以适应包含宽度的任何方法?

Question

如果我无法编辑img元素的样式/标签/属性，有没有办法强制其宽度适合包含div或其他父元素？

这是一个电子邮件模板，所以没有样式表、<style>元素或 javascript 等。

img是由我无法编辑的模块动态生成的，我希望包含强制div它按比例缩小。

例如：

<div>
  <a href="http..." target="_blank">
   <img width="267" height="400" src="https..." >
  </a>
</div>

a和img不在我的控制范围内。我style可以div强制图像以 200 像素宽和自动高度呈现，而不是 267 像素吗？

标签： htmlcss

Answer 1

最简洁的答案是不。父级不能更改图像标签。您将需要以某种方式在某处注入 CSS 代码。或者将生成img标签的代码更改为style="max-width: 100%; max-height: 100%;".