Question

我正在尝试为我们的组织创建新闻稿标准，并且在Outlook中将文本渲染得太大时会遇到问题。

这是页面的css部分

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    background: url(http://www.blah.com/stuff.gif);
    }
a {
    color: #f24c22 !important;
    }
a:visited {
    color: #f24c22 !important;
    }
a:hover {
    color: #3d7ac5 !important;
    }
table {
    background: #ffffff;
    }
h1 {
    font-size: 1.3em;
    }
h2 {
    font-size: 1.2em;
    color: #494949;
    padding-top: 0 !important;
    margin-top: 0 !important;
    }
h3 {
    font-size: 1.1em;
    color: #12377c;
    }
p {
    padding-top: 0 !important;
    margin-top: 0 !important; 
    color:#333333;
    }
   .style1 {color: #333333}
   .style2 {color: #12377c}
   .style3 {
       font-size: smaller;
       color: #666666;
   }

为什么会造成这种情况的任何建议？

Answer 1

您是否尝试使用main *{font-size: 12pt;}？

默认情况下，Outlook使用Trident，IE的传入邮件引擎和传出邮件的Word HTML呈现引擎... Until Office 2007, and people hate it.

现在，it uses Word 2007's rendering，is rather lacking。 On microsoft's page您可以看到de body元素不支持style属性。

Answer 2

如果要为字体设置特定大小，则应该使用固定大小类型，如pt。而不是像em /％

这样的变量

See here我的意思。

Answer 3

许多邮件阅读器会从收到的任何电子邮件中删除“正文”标记，或忽略应用于此元素的样式。尝试将字体大小应用于封闭的div。

Answer 4

将字体大小抽象为较小，我在标准查看时发现它是相同的大小。在div中重写页面，考虑到它是一个基本模板，提到div的ID，以便渲染，工作正常。在各种电子邮件帐户上进行测试，包括gmail，hotmail和通过outlook呈现。 Outlook是唯一有问题的，其中相同的页面参考链接失败。

Answer 5

添加这些元标记，您会发现Word / Outlook“神奇地”呈现页面（包括图像）的正确大小：

<meta name="ProgId" content="Word.Document" />
<meta name="Generator" content="Microsoft Word 12" />
<meta name="Originator" content="Microsoft Word 12" />

我不知道为什么Outlook这样做，大多数公司的电子邮件在Outlook中看起来很糟糕 - 但是，使用这些标签，我发送的那些看起来很简单。

Outlook渲染问题，渲染文本太大

5 个答案: