5

我正在尝试为我们的组织创建一个时事通讯标准，但 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;
   }

有什么建议可能会导致这种情况吗？

4

5 回答 5

2

你试过用main *{font-size: 12pt;}吗？

默认情况下，Outlook 使用 Trident，即 IE 用于接收邮件的引擎，以及用于发送邮件的 Word HTML 渲染引擎……直到 Office 2007，人们都讨厌它。

现在，它使用Word 2007的渲染，这是相当缺乏的。在 microsoft 的页面上，您可以看到 debody元素不支持该style属性。

于 2009-02-22T21:45:46.127 回答
0

如果你想为你的字体设置一个特定的大小，那么你可能应该使用一个固定大小的类型，比如 pt。而不是像 em/% 这样的变量

请参阅此处了解我的意思。

于 2008-11-17T05:18:04.330 回答
0

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

于 2009-02-18T03:05:29.953 回答
0

将字体大小抽象为更小，我在标准查看时发现它是等效的大小。考虑到它是一个基本模板，在 div 中重写页面，参考 div 的 ID 以进行渲染，效果很好。在包括 gmail、hotmail 在内的各种电子邮件帐户上对其进行了测试，并通过 Outlook 呈现。Outlook 是唯一有问题的，相同的页面参考链接失败。

于 2009-02-24T00:02:24.463 回答
0

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

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

我不知道为什么 Outlook 会这样做，我收到的大多数公司电子邮件在 Outlook 中看起来很糟糕——但是，有了这些标签，我发送的那些看起来很原始。

于 2009-11-05T09:18:49.300 回答