我在这里和其他地方看到了设置条件评论以与 Outlook.com 一起使用的推荐方法,但由于下面详细介绍的另一个已知问题,我收到了空白电子邮件。参考下面的两个代码示例,我想看看是否有人有解决此问题的可靠方法。
第一个例子:
<!--[if mso]><!-- -->
<style type="text/css">
#learn-left { width: 350px; max-width: 350px; }
#learn-right { width: 165px; max-width: 165px; }
</style>
<!--<![endif]-->
上面的代码会导致 Outlook.com 出现空白屏幕,尽管这里的其他帖子已经引用了这一点<!--[if mso]><!-- -->
与 Outlook.com 配合使用。我知道在注释中包含任何 HTML 标签会出现任何问题,但如果条件放在style
标记它也不起作用。奇怪的是,下面的代码似乎在一定程度上有效。
<!--[if mso]><!-- -->
<style type="text/css">
#learn-left { width: 350px; max-width: 350px; }
#learn-right { width: 165px; max-width: 165px; }
</style>
<![endif]-->
我还应该注意,我使用此代码的原因是为了与 Outlook 2000 和 2003 兼容,因此我无法使用媒体查询作为替代解决方案。
那些声称可以这样做的网站是错误的。 Outlook.com 会吃掉您的条件评论以及其中的任何内容。让我有一段时间很头疼。
对于需要使用条件注释的事情,我发现最好的办法是拥有常规条件注释部分,但还包括另一个表行/列或者您有类似的类class="outlookcom"
(关于td
)并将其隐藏display:none
。然后,在你的<style>
您可以使用标记来定位隐藏行ecxoutlookcom
(outlook 将“ecx”添加到所有分类标签前面)并使用display:block !important
显示 Outlook.com
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)