Question

我正在构建一封电子邮件，由于某种原因，在Outlook 2013 DPI 120中查看时，我的表格宽度会发生变化。这是一个新的电子邮件客户端添加到Litmus，所以我不知道如何修复。我在一个全宽度表中有三个表，宽度在变化，打破了布局。任何想法如何解决？

    <table align="left" border="0" cellpadding="0" class="fullWidth" style=
"padding:0px; margin:0px;border:1px #333 solid;" width="178">
    <tr>
        <td style="padding:20px;">
            <table align="left" border="0" cellpadding="0" cellspacing="0"
            width="100%">
                <tr>
                    <td style="color:white;text-align:center;padding:10px 5px;font-size:13px;             
font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;border-bottom:1px solid #fff;">
                    <strong>A title</strong></td>
                </tr>
            </table>
        </td>
    </tr>
</table>

每个其他客户都很好。

Answer 1

问题归因于Outlook scaling the content to a larger size，强制您的图片和其他声明的项目调整大小。这可能会破坏你的布局，你真的无法改变它 - 它是订户计算机上的设置客户端。

解决此问题的最佳方法是使用MSO conditionals换行到单个表中，并将每列分隔为单独的td。或者使用TD or TH stack（TD no longer works in Android）进行媒体查询。 Outlook将拉伸表以适应两列，但不会拉伸表以适应两个表，而是强制第二个表位于第一个表之下。

在“Outlook 2013 DPI 120”中进行电子邮件测试时表宽度会发生变化

1 个答案: