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

Question

我有一个html电子邮件设计，它具有响应（左/右）填充，在475像素宽度处变得更宽或更窄。我为较窄的宽度设置了内联属性，并为响应性添加了媒体标记：

@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;}
}

适用于OSX上的Apple Mail和Outlook，因为默认情况下是大多数主要窄屏幕上的窄填充。但Windows上的Outlook不响应更广泛的填充。它可能是Outlook / Windows doesn't support the media tag？

有没有人知道如何让它发挥作用？

Answer 1

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

但是...

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