样本代码:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title></title>
</head>
<body style="font-family: Arial; margin: 0; padding: 0;">
<table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="width: 600px; background-color: #000000; font-family: Arial; font-size: 15px;color: #ff0000;">
<tr>
<td style="padding:10px;font-weight: bold;font-size: 20px; color: #ff0000;">Header Title</td>
</tr>
<tr>
<td style="padding:10px;">Here is the content for this section.</td>
</tr>
<tr>
<td style="padding:10px">
<a href="#" target="_blank"><img src="LearnMore.png" width="170" height="38" border="0" alt="Learn More" /></a>
</td>
</tr>
</table>
</body>
</html>
Windows 10
中Office 365的输出
所有其他客户似乎都很好。
已尝试从here修复
看起来像是12px或16px的字体大小不会显示行,但要求使用15px
预期结果
1条答案
按热度按时间n6lpvg4x1#
这个问题通常是由于Outlook引擎(MS Word)中的奇数舍入错误造成的。在你的例子中,你已经发现了一个偶数字号的作品。既然这是核心错误,而不是你代码中的bug,你必须权衡一下这行的难看程度是否比改变字号更糟糕。
如果这是不可接受的,您可以将行高设置为16px,如下所示:
font-size:15px; line-height:16px;
.如果所有其他方法都失败,您可以仅为Outlook桌面设置不同的字体大小:
font-size:15px; mso-ansi-font-size: 16px;