2012-02-20 23 views
3

我正在發送包含cfmail圖像的HTML電子郵件。總之,代碼如下所示:在空中縮放圖像<cfmail>

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

如您所見,我將CSS高度屬性設置爲120px。在瀏覽器中,這將圖像縮放到120px高,並自動確定比例寬度。在電子郵件中,至少在Outlook 2007中,它什麼也不做。圖像以其原始高度和寬度顯示。

我從一個ColdFusion9框發送,所以我嘗試過使用cfimage沒有任何運氣,但它可能我只是做錯了什麼。任何方式來在電子郵件中動態調整此圖像的大小?謝謝!

+1

你試過'height =「120」'而不是'style =「height:120px;」'? – MikeM 2012-02-20 18:09:17

回答

4

的Outlook 2007/2010不喜歡CSS樣式=「高度:150像素」,然而下面將功能

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

Outlook不會與CSS發揮很好,一般需要回落到醜陋的內聯樣式,如<img height="120">。這裏有一個nice reference table顯示每個電子郵件客戶端的功能和不支持。

在那裏你可以看到儘管它在2003年受到支持,但在Outlook 2007/2010的CSS中不支持高度。這對你來說是進步! TLDR版本就是這麼簡單,這麼多 css在Outlook中打破,它是相當鬱悶!

+0

嗯...這是令人失望的。好的,所以CSS不在了。如何調整與ColdFusion的大小? – 2012-02-20 18:53:50

+0

嗯,它不是完全出來,高度=「」內聯設置仍然有效,所以'' – 2012-02-20 18:55:30

+0

我已經讀過的地方,這將無法正常工作,但經過測試,它似乎它。如果你想創建一個新的答案並放棄你的建議,我會爲你投票。謝謝! – 2012-02-20 20:36:25