在Windows中的Outlook电子邮件响应填充

我有一个HTML电子邮件设计，具有响应（左/右）填充，获得更宽或更窄的475像素宽度。我给自己定的窄的宽度内联属性，并增加了媒体标签响应：在Windows中的Outlook电子邮件响应填充

@media only screen and (min-width: 476px) 
{ 
    *[class~="iphone_pad"] {padding:0 40px;} 
} 
@media only screen and (max-width: 475px) 
{ 
    *[class~="iphone_pad"] {padding:0 25px;} 
}

这适用于Apple Mail和展望OSX，由于默认的是狭窄的填充，在大多数主要的窄屏幕。但是Windows上的Outlook不会以更宽的填充字体进行响应。这可能是Outlook/Windows doesn't support the media tag？

有谁知道有什么办法让这个工作？

来源

2016-11-18 dhc

如果电子邮件正文中包含内嵌CSS，则应在<style>标记中的每个CSS规则末尾添加!important，以便它可以覆盖内嵌CSS。

但是......

的Windows Outlook支持的<style>标签，但不的@media标签。我通常会首先构建在Outlook中工作的电子邮件，然后使用Windows Outlook无法识别的标记（如@media）对其他客户端进行破解/逐步增强布局。

来源

2016-11-18 16:37:22

有趣。所以你建议我默认到宽屏幕，包括Outlook，通过内嵌更宽的填充。问题在于，如果所有较窄的屏幕都会表现出来：较窄的屏幕上较宽的填充比较宽松，反之亦然。 – dhc

叹息......是的，这就是我所做的。所有你想要狭窄设计的客户都会支持媒体查询，这样你就可以覆盖宽泛的填充。如果你不喜欢这条路线，你可以在MSO ghost表中包装你的每一部分电子邮件，基本上为Outlook创建一整套单独的规则。 https://www.emailonacid.com/blog/article/email-development/using-ghost-columns-to-fix-alignment-problems-in-outlook。尽管如此，这可能会非常麻烦，但它是一种选择。 –

是的，我看了MSO的替代品，不喜欢它...会让你知道... – dhc

在Windows中的Outlook电子邮件响应填充

回答

相关问题