我们在Outlook 2016中正确呈现邮件元素时遇到问题。它在Outlook 2013和其他邮件客户端(当然还有浏览器预览(中正常工作,但我们不知道如何解决Outlook 2016的呈现问题。
该元素的布局思想是有一个宽度为 600px 的居中白色背景框,该框应包含内容。此"内容框"左上角的第一个元素应该是黑框中的白色文本。这个黑色背景框的宽度应该(至少几乎(与文本长度相同(当然,这个文本通常只是一行中的几个字(。
虽然所有邮件客户端都将黑色背景框的大小缩短为文本字符串的大小,但 Outlook 2016 在元素宽度 (600px( 的 ~3/4 处显示此框,即使我只使用一个字母作为文本。
下面是一个片段:
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#FFFFFF">
<tr>
<td align="center" valign="top" width="600">
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF" style="max-width:600px;">
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0" style="max-width: 600px;">
<tbody>
<tr>
<td bgcolor="#000000" align="left" style="width: 0px; font-family: 'Helvetica', Arial, sans-serif; color:#FFFFFF; font-weight: 500; font-size: 14px; text-transform: uppercase; padding: 5px 10px;">Boxcontent</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
如您所见,我们甚至重复了一些样式标签。 我们也在其他地方(在不同的上下文中(使用此代码,而没有呈现问题,但无法确定导致黑色背景框宽度在Outlook 2016中像这样调整大小的原因。
非常感谢您的任何提示!
约尔格
我认为您应该更改样式="最大宽度:600px;" 对于样式="最小宽度:600px;">