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）：有条件的评论

回答

相关问题