Question

在开发我的电子邮件模板时，我遇到了一种奇怪的“鬼线”效果，但它只发生在移动设备上。这条鬼线看起来像一条非常薄的不透明1px线。

以下是我的代码片段：

<table bgcolor="#cccccc" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td align="center" valign="top">
            <table width="600" border="0" cellpadding="0" cellspacing="0" style="display: block; margin-top: 10px;">
                <tr>
                    <td align="left" style="padding: 5px 20px;">
                        <span style="color: #fff; font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif; font-size: 14px;">
                        </span>
                    </td>
                </tr>
            </table>
        </td>
     </tr>
</table>

最值得注意的是，当两张桌子彼此堆叠在一起时效果非常明显，而且它们是相同的bgcolor。

Answer 1

这是iOS高分辨率设备中的已知错误。我遇到过很多次，似乎没有解决方案。我看到的唯一选择是，如果你将所有东西都包装到容器表中并给它一个bg颜色或使用bg图像。它几乎就像1px是一个间隙而不是一条线，因为你可以看到背后的东西。放大后它会消失。

与表，电子邮件的鬼线效果

1 个答案: