【问题标题】:HTML email not rendering correctly when Outlook user views in IE browser当 Outlook 用户在 IE 浏览器中查看时,HTML 电子邮件无法正确呈现
【发布时间】:2014-04-28 15:58:28
【问题描述】:

我已经使用 Outlook 的条件语句构建了一个响应式电子邮件(使其在 Outlook 中不响应)。在所有电子邮件客户端中看起来都很好,但是当 Outlook 用户选择在浏览器中查看电子邮件时(Outlook 自动打开 IE,我有 IE10),它似乎被放大了 50000%。我一直在构建响应式电子邮件,但从未遇到过这个问题。与这个唯一的区别是大部分内容是从数据库中动态提取的。有谁知道为什么会这样?以下是电子邮件中的 doctype 和 head 代码(如果有帮助):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=0" />
<title>Untitled</title>

    <!--[if gte mso 9]>
        <style type="text/css">
            .noOutlook { display:none; }
            #outlook {display: block;}
        </style>
    <![endif]-->
</head>

【问题讨论】:

  • 如果你删除了 meta viewport 行,会有什么不同吗?
  • 谢谢,这是我尝试的第一件事,但没有区别。
  • 在 IE 中查看页面源代码。是否有任何 html/css 导致 body/wrapper 大小的拉伸?如果将 URL 复制到 Chrome/FF 中,它会做同样的事情吗?

标签: html internet-explorer outlook html-email


【解决方案1】:

我不确定是什么原因造成的,但是使用 IE8 及更高版本的条件语句我能够设置宽度并解决问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-11-24
    • 2013-11-11
    • 2015-10-22
    • 1970-01-01
    • 2018-04-18
    • 1970-01-01
    • 2012-07-31
    • 2020-01-06
    相关资源
    最近更新 更多