Question

我正在尝试制作一个与Outlook配合使用的响应式电子邮件模板。 Outlook HTML正常运行，响应式HTML也正常运行。

我已经在响应部分使用了媒体查询，但是现在每当电子邮件发送到Outlook时，内容就会重复。

我的HTML设置如下：

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta name="viewport" content="width=device-width initial-scale=1">
    <style> //Media Queries are here </style>
  </head>
<body>
    <!--[if gte mso 12]>
     //All of the Outlook HTML is held here
    <![endif]--> 

    <!--[if gte mso 12]>
      <div style="width:0px; height:0px; overflow:hidden; display:none; 
      visibility:hidden; mso-hide:all;">
    <![endif]-->

   //All of the none Outlook HTML is held here

   <!--[if gte mso 12]></div><![endif]-->
</body>
</html>

我想发生的是，每当一封电子邮件发送到Outlook时，以及其他客户端使用HTML的其他部分时，顶部都会运行。

我知道这不是执行此操作的最佳方法，因为实际上我应该只显示和隐藏部分代码而不是整个代码，但这更容易组合在一起。

有趣的是，这仅在我开始使用媒体查询而不是为所有分辨率说明相同的大众时才开始发生。

任何帮助将不胜感激。

Answer 1

所以我对这个问题的解决方案是将style="mso-hide:all"添加到第二个块中保存的每个标签上。

Answer 2

在要为Outlook隐藏的部分中使用mso-hide:all，这将为Outlook特定客户端隐藏该部分。

不会在Outlook电子邮件中隐藏内容

2 个答案: