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

标签 html image email email-client

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

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

最佳答案

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

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

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

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

关于html - 如何在电子邮件客户端中动态调整图像大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10711638/

相关文章:

javascript - 何时以及为什么在 indexedDB 中调用 onupgradeneeded 方法?

php - 为什么我的媒体查询不适用?

安卓 : How to create a bitmap with exact physical size in inches

ios - 是否真的有必要为 iOS 应用程序提供所有不同的应用程序图标大小?

html - 对于电子邮件通讯,我应该使用双 br 标签来减少一些内联代码吗?

javascript - 尝试以表单形式发送电子邮件时出现 405 错误

python - 在 python 中打印列表中的所有项目时出现问题

html - 在 HTML 和 CSS 中使用图像作为分隔符

php - 无法在Windows 8上使用php邮件功能发送电子邮件

javascript - 延迟背景图像并阻止其被缓存