Outlook呈现问题，呈现文字太大

问题描述：

我正在尝试为我们的组织创建新闻快递标准，并且存在Outlook使文字太大的问题。Outlook呈现问题，呈现文字太大

这里是页

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; 
    }

任何建议的CSS第为什么这可能引起的？

您使用的Outlook版本很重要。例如，Outlook 2007通过Word的渲染引擎呈现HTML电子邮件，这可能会导致您的问题。 – 2009-02-07 03:10:20

答

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

的Outlook默认使用三叉戟，IE的引擎接收邮件，和Word的HTML渲染引擎发出的邮件... Until Office 2007, and people hate it.

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

答

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

当然，我的直觉是身体的75％字体大小被忽略或曲解。尝试在身体上使用固定尺寸，并且您的尺寸应该保持一致。 – roborourke 2008-12-10 12:16:22

答

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

答

将字体大小抽象为较小，这在标准查看中发现是等效大小。在div中重写页面时，考虑到它是一个基本模板，为了渲染而引用div的ID，工作正常。在各种电子邮件帐户上进行测试，包括Gmail，Hotmail和通过Outlook呈现。展望是唯一有问题的，其中相同的页面引用链接失败。

答

添加这些元标签，你会发现这道/展望“神奇地”呈现页面（包括图片）的正确尺寸：

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

我不知道为什么展望做到这一点，大多数企业电子邮件，我得到在Outlook中看起来很糟糕 - 但是，使用这些标签，我发送的标签看起来很原始。

Outlook呈现问题，呈现文字太大

相关推荐