HTML Emailer边界问题

Question

我创建了HTML电子邮件，并且在某些外观和移动外观上出现表格单元格边框问题，我在表格的边框上附加了问题图片，表格单元格似乎在细线之间。

CSS

    html { width: 100%; }
    body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; margin: 0; padding: 0; }
    table { border-spacing: 0; border-collapse: collapse; }
    table td { border-collapse: collapse; font-family: Arial,sans-serif; line-height:1.4 }

HTML

<table  width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="006680" align="center">
            <tr>
                <td height="10" bgcolor="fd6b0d"></td>
            </tr>
        </table>


        <table  width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="006680" align="center">
            <tr>
                <td width="50" bgcolor="fd6b0d"></td>
                <td bgcolor="fd6b0d">
                    <p style="font-family: Verdana; font-size: 28px; color: #fff; margin: 0; padding: 0; line-height: 60px; text-align: center; font-weight: bold;">
                        How Confident Are You?
                    </p>

                </td>
                <td width="50" bgcolor="fd6b0d"></td>
            </tr>
        </table>

Answer 1

我认为这是一个常见的问题，称为Outlook Line bug，但不是。

我看不到台式机版本上的行，而只能在手机上看到行，因为您的模板没有响应。因此，Outlook呈现引擎在表周围添加了“ outlook-overflow-scaling”跨度包装器以进行补偿。

如果您要使表格具有响应性（例如，使用100％的宽度），则无需尝试缩放电子邮件。