Outlook for Mac（2011）：有條件的評論

設置： 我正在嘗試用電子郵件進行響應式設計。讓我先說，我有足夠的經驗，我希望那裏有我無法控制的電子郵件客戶端。但是，我現在遇到麻煩了，我想找到一個解決辦法，是Outlook 2011（對於Mac）。Outlook for Mac（2011）：有條件的評論

我在主<table>上使用內聯CSS來建立最小和最大寬度，然後將我的標題圖像設置爲100％寬度。這顯然會在Outlook中失敗（創建一個巨大的圖像），所以我使用條件註釋爲第一個具有固定寬度的Outlook客戶端提供<table>。

例子： 

<table cellpadding="0" cellspacing="0" border="0" style="margin: 0px 0px 0px 0px; max-width:600px; min-width:150px; width:100%; background-color:#FFFFFF; border:0px;">

問題： 我不能得到展望2011年（在一個適用於Mac）承認任何條件註釋。此外，它不會處理最大和最小寬度樣式。我嘗試過測試mso和mso版本，即使是非Windows機器（<!--[if !(WindowsEdition)>），但這些版本都無法識別這些版本的Outlook（儘管我的GS3的電子郵件客戶端確實認可了非Windows測試）。

有沒有人有辦法測試這個版本的Outlook？

來源

2013-05-08 astangelo

@astangelo，

我只是專爲我的僱主一個新的響應電子郵件模板，並與Outlook的Mac跨完全相同的問題就來了。

谷歌搜了一下後，我發現這個奇怪的（並且真的是個好消息），Outlook 2011 for Mac使用了Webkit渲染引擎，而不是微軟Word。

因此，您無法使用通常針對其他基於PC的Outlook版本的條件註釋來對其進行定位。

您只需在頭部樣式中添加@media查詢，並使用（最好）使用（最好）table [「attribute」=「property」]選擇器來指定最大寬度。

我只是做了這個，並測試它，它終於解決了我的問題。

請確保您使用Premailer的CSS內聯工具，然後'檢查''不要從頭部移除'，否則您的@media查詢將無法通過並且該技巧無法使用。

我希望這有助於！

此致 Robert

來源

2014-01-14 19:14:36

這是一種在黑暗中拍攝的，但它值得一試，因爲我約99％肯定它會工作。適用於Mac的Outlook 2011使用webkit來呈現電子郵件。因此，通過使用

@media screen and (-webkit-min-device-pixel-ratio:0) { 

body { } 
}

應該工作。

這樣做之後，請小心檢查之前所有工作的電子郵件客戶端，因爲您也可以針對這些客戶端。

讓我知道！

來源

2013-06-12 17:45:56 OneEightLeft

據我所知，2011年沒有條件評論，我嘗試了一些東西，但沒有喜悅。

但是，如果您在html元素中設置圖像的高度和寬度，它不會顯得很大。然後在媒體查詢中將其設置爲100％。

<style> 
@media screen and (max-width: 600px) { 
    .headerimage{ 
    width:100%;!important; 
    height:auto;!important; 
    } 
} 
</style> 

<img src="xxx" height="100" width="600" class="headerimage">

來源

2013-10-25 09:17:17 Mark

Outlook for Mac（2011）：有條件的評論

回答

相關問題