html - 根据打开它的客户端呈现 HTML 电子邮件

Question

HTML 电子邮件是变化无常的。我的问题在于上标。

我的代码需要在某些桌面客户端中工作:

• 展望 2000
• 展望 2003
• 展望 2007
• 展望 2010

以及某些基于网络的电子邮件客户端(Firefox、Chrome、Explorer):

• 谷歌邮箱
• 雅虎
• 美国在线
• Internet Explorer 7 浏览器(笑)

目前我遇到的最好的跨浏览器代码是:

<sup style="font-size:11px; line-height:0; vertical-align:3px;">

这在除 Outlook 2007 和 2010 之外的所有情况下都非常有效，其中字体大小缩小到几乎无法辨认。其他代码如:

<sup style="position:relative; vertical-align:baseline; bottom:4px;">

此代码在所有情况下都适用，除了 Gmail 会删除导致上标位于基线上的定位。

在尝试了数十种不同的样式组合后，上述两种样式提供了最一致的字体大小和行高。

问题

是否可以在头部放置一些代码片段来告诉电子邮件使用特定代码或类，具体取决于电子邮件在哪个客户端中打开？我知道 Gmail 更喜欢内联样式而不是类，所以也许我可以内联应用 Gmail 漂亮的代码，但如果它在 Gmail 外部打开，某些东西会取消内联样式并退回到类。

Answer 1

You can target Outlook specifically with conditional comments :

<!--[if gte mso 9]>
    /* Your Outlook-specific CSS goes here. */
<![endif]-->