Question

我正在设计HTML电子邮件。正如预期的那样，除了Outlook之外，它的表现相对较好。基于Web的Outlook很好，但我需要定位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]-->

我也试过'max-device-width'而不是宽度，但无济于事。以下是测试屏幕在所有Outlook桌面客户端中输出的内容：http://www.epicuploader.com/13_12_zaBlRga.jpg

我只是希望Windows Outlook桌面版（Mac很好）以600px宽度渲染，main_cont，side和main div也按照指示正确渲染。我在这里看过其他主题，但似乎都没有解决这个特殊问题。

仅供参考，我也在使用Mailchimp。

谢谢！

Answer 1

我认为您在>之前遗忘了：

<!--[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]-->

Answer 2

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

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

有关版本的更多详细信息，请参阅here。（9是Outlook 2000）。

CSS HTML电子邮件：定位Windows Outlook桌面客户端

2 个答案: