Html 以Windows Outlook桌面客户端为目标

Html 以Windows Outlook桌面客户端为目标,html,css,email,outlook,Html,Css,Email,Outlook,我正在设计一封HTML电子邮件。正如预期的那样,除了前景之外,一切都相对顺利。基于web的前景很好,但我需要以Outlook桌面客户端为目标 我在下面尝试了此代码的变体,但它只是在新闻稿上方输出该代码,因此无法使用它: <!--[if mso] <style type="text/css"> #strip, #wrap, #header, #main_cont, #footer, #footer_content{ width: 600px !import

我正在设计一封HTML电子邮件。正如预期的那样,除了前景之外,一切都相对顺利。基于web的前景很好,但我需要以Outlook桌面客户端为目标

我在下面尝试了此代码的变体,但它只是在新闻稿上方输出该代码,因此无法使用它:

<!--[if mso]
<style type="text/css">
  #strip, #wrap, #header, #main_cont, #footer, #footer_content{ width: 600px !important; }
  #main_cont{ width: 600px !important; } 
  #side{ width: 196px !important; }
  #main{ width: 400px !important; } 
</style>
![endif]--> 

我也尝试了“最大设备宽度”而不是“宽度”,但没有效果。以下是所有Outlook桌面客户端中测试屏幕的输出:

我只希望Windows Outlook桌面版(Mac可以)以600px的宽度进行渲染,并使用main_cont、side和main div按说明正确渲染。我在这里浏览了其他主题,但似乎没有一个能够解决这个特定问题


我也在用Mailchimp。

我想你在
之后忘了


您可能必须指定Outlook版本,即

<!--[if gte mso 9]>
    <style type="text/css">
    /* Your Outlook-specific CSS goes here. */
    </style>
<![endif]-->


有关版本(9是Outlook 2000)的更多详细信息,请参阅。

感谢您指出,修复了此问题,代码不再在顶部输出,但IE特定的更改仍然无效。这也是我在Outlook客户端遇到的问题。无论我如何将Outlook从我的真实代码中排除,然后将专门设计用于其白痴内部的代码提供给它,它都会读取、吐出这两个内容,并破坏电子邮件模板。我真的很生气,也很沮丧,我想把Micro$uck的首席执行官踢得一干二净。(只是发泄——不管我有多生气,我都不会对任何人进行真正的刑事攻击。)如果有人知道传递一个响应式电子邮件模板的神奇之处,该模板为Outlook提供它需要的垃圾代码,并隐藏所有真实(好)代码,请告诉我。我已经尝试了十几种不同的方法。使用Jarno的修复程序,检查Outlook中的电子邮件源代码(
r.click>view source
,在预览窗口的html底部)。样式标记是否正在渲染?有时MS Exchange服务器可以剥离样式标记。。。
<!--[if gte mso 9]>
    <style type="text/css">
    /* Your Outlook-specific CSS goes here. */
    </style>
<![endif]-->