在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電子郵件響應填充

回答

相關問題