html - 如何在电子邮件客户端中动态调整图像大小？

Question

有没有办法调整图像大小以适应正在查看图像的窗口 WITHOUT javascript 和有限的 CSS？

我问是因为我有一个我发送的电子邮件事件，其中包含一个我想要尽可能大的主图像，没有滚动。我已经阅读了使用 javascript 和 jQuery 执行此操作的方法，但我没有看到大多数电子邮件客户端会阅读并做出正确 react 的方法。这可能吗？如果是这样 - 如何？

Answer 1

这是对 html 电子邮件执行此操作的正确方法:

<img alt="" src="" width="100%" style="margin: 0; border: 0; padding: 0; display: block;">

它将自动调整大小以匹配容器元素的宽度(应该始终为 <td> )。

请注意，在某些客户端(特别是 Outlook '07、'10 和 '13)上，图像不会超过其最大尺寸。如果您使用的是最大宽度流体模板，只要您的图像宽度与最大宽度匹配，这就不是问题。