我们在Outlook 2016中正确呈现邮件元素时遇到问题。它在Outlook 2013和其他邮件客户端(当然还有浏览器预览)中可以正常工作,但是我们不知道如何为Outlook 2016解决此呈现问题。

该元素的布局想法是要有一个宽度为600px的居中的白色背景框,以容纳内容。此“内容框”左上角的第一个元素应该是黑框中的白色文本。黑色背景框的宽度应该(至少几乎)与文本长度相同(当然,此文本通常只是一行中的几个单词)。

尽管所有邮件客户端都将黑色背景框的大小缩短为文本字符串的大小,但是即使我仅使用一个字母作为文本,Outlook 2016也会以元素宽度的大约3/4(600px)显示此框。

这是一个片段:

<!--[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中像这样调整黑色背景框的宽度。

非常感谢您的任何提示!

约尔格

最佳答案

我认为您应该更改样式=“ max-width:600px;”对于style =“ min-width:600px;”

关于html - Outlook 2016中邮件中的表格渲染错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/50931497/

10-17 00:59