css - 在 中动态缩放图像

Question

我正在使用 cfmail 发送包含图像的 HTML 电子邮件。总之，代码如下所示:

<cfmail from="me@email.com" to="user@email.com" subject="My Subject" type="html">
    <img src="http://www.mywebsite.com/images/my_image.jpg" style="height:120px;" alt="My Image" />
</cfmail>

如您所见，我将 CSS 高度属性设置为 120px。在浏览器中，这会将图像缩放到 120 像素高并自动确定比例宽度。在电子邮件中，至少在 Outlook 2007 中，它什么都不做。图像以其原始高度和宽度显示。

我是从 ColdFusion9 盒子发送的，所以我试过使用 cfimage 但没有任何运气，但很可能我只是做错了什么。有什么方法可以即时调整电子邮件中此图像的大小？谢谢!

Answer 1

Outlook 2007/2010 不喜欢 css style="height:150px"但是下面的会起作用

<img src="...." height="150">

Outlook 不能很好地与 CSS 搭配使用，通常您需要回退到难看的内联样式，例如 <img height="120"> .这是一个 nice reference table显示每个电子邮件客户端支持和不支持的内容。

在那里您可以看到 Outlook 2007/2010 中的 CSS 不支持高度，尽管它在 2003 年得到支持。这对您来说是进步! TLDR 版本只是 Outlook 中的 这么多 css 中断，这很令人沮丧!