【问题标题】:Scale an image on the fly inside <cfmail>在 <cfmail> 中动态缩放图像
【发布时间】:2012-02-20 17:58:45
【问题描述】:

我正在发送一封 HTML 电子邮件,其中包含带有 cfmail 的图像。总之,代码如下所示:

<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 高度属性设置为 120 像素。在浏览器中,这会将图像缩放到 120 像素高并自动确定成比例的宽度。在电子邮件中,至少在 Outlook 2007 中,它什么也不做。图像以其原始高度和宽度显示。

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

【问题讨论】:

  • 你试过height="120"而不是style="height:120px;"吗?

标签: css image coldfusion cfmail


【解决方案1】:

Outlook 2007/2010 不喜欢 css style="height:150px" 但以下将起作用

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

Outlook 不能很好地与 CSS 配合使用,通常您需要退回到丑陋的内联样式,例如 &lt;img height="120"&gt;。这是nice reference table,显示了每个电子邮件客户端支持和不支持的内容。

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

【讨论】:

  • 嗯...这令人失望。好的,所以 CSS 出来了。使用 ColdFusion 调整大小怎么样?
  • 还没有完全出来,height="" 内联设置还是有效的,所以&lt;img src="...." height="150"&gt;
  • 我曾在某处读过这行不通,但经过测试,它似乎可以。如果你想创建一个新的答案并提出你的建议,我会投票给你。谢谢!
  • 认为从长远来看将其添加到我的原始答案中更有用,以便参考链接也在那里
猜你喜欢
  • 2010-11-17
  • 1970-01-01
  • 2012-08-05
  • 1970-01-01
  • 2019-06-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-11-11
相关资源
最近更新 更多