在Outlook中回覆/轉發HTML電子郵件顯示隱藏的內容/間斷

Question

我正在利用一種技術來生成包含兩個版本的「響應式」電子郵件。一個明確寫入桌面，一個寫入移動。在桌面客戶端中使用條件語句和CSS（mso-hide：all; display：none;）來隱藏移動版本，反之亦然。

這可以完美地按照預期工作。當我轉發或回覆其中一封電子郵件時，樣式會中斷，並顯示以前隱藏的「移動」版本。我試過在表格上使用內聯樣式（mso-hide：all; display：none;），以及應用一個類並使用條件註釋以CSS方式應用相同的樣式，但它不起作用。

我會舉一個例子，但是這個工作比較敏感。

基本上，我在Outlook中隱藏表格並在郵件被回覆/轉發時保持隱藏狀態。

Answer 1

它們是否都設置了內聯CSS顯示值？你是否用媒體查詢中的！important標籤覆蓋了內聯聲明？

Outlook經常會影響媒體查詢（特別是在轉發時），所以如果您只有一個版本可視化內聯作爲默認視圖，也許可以工作 - 這對於Gmail等非風格標記客戶端應該是這樣...

Answer 2

嘗試在<!--[if !mso]><!--> [tables] <!--<![endif]-->包裝您的手機版本。這應該阻止移動版本被Outlook解釋並因此被轉發。

轉發html電子郵件意味着轉發已經由客戶端處理的html，如果您查看Outlook處理的html文件，這是非常可怕的。充滿垃圾MS代碼。

大多數電子郵件開發人員（包括我自己）都接受您無法控制轉發的電子郵件，因此不會嘗試編碼，因此轉發工作正常。