Question

这真的很奇怪。

以下代码应生成100％宽度的电子邮件，顶部为石灰色。但由于TD包含一个链接，整个表现在是90％（左右） - 但仅限于iPhone电子邮件。删除链接，电子邮件是正确的...发生了什么？

https://s3.amazonaws.com/resultcaptures/C1C356D4-EAC0-4A50-B278-04155E256E51.png

我已将我的电子邮件发送到此处：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Email</title>    
</head>
<body bgcolor="brown" style="margin:0;padding:0; ">
    <table cellpadding="0" cellspacing="0" width="100%" bgcolor="black">
        <tr>
            <td bgcolor="Lime">
                <div><a href="#" alt="">This</a> is a link</div>
            </td>
        </tr>
    </table>
</body>
</html>

它没有错......对吗？ ......还是我失明了？

Answer 1

此MacRumors线程提供了该问题的解决方案：http://forums.macrumors.com/showthread.php?t=1158457

尝试将align =“center”和style =“text-align：center”放到第一个表格上，然后在必要时将style =“text-align：left”放到第二个表格上。

如果您将内容包装在具有中心对齐的父表中，这奇怪地似乎消除了iPhone邮件阅读器上的右边距。

Answer 2

iOS确实存在问题。问题是电子邮件按比例缩小以适应电子邮件客户端的宽度，但是当邮件比电子邮件客户端更窄时，这会让人感到兴奋 - 但只有电子邮件中有锚点。

将表的坐标设置为320px以摆脱它，但告别弹性布局。

Answer 3

好的，我找到了一个有效的解决方案：

刚设置：

table {
    width: 99%; /* 99.99% doesn't seem to work */
    margin: 0 auto;
}

要摆脱非常小的最小间隙，只需将背景颜色设置为与表格相同即可。

目前已修复！

我遇到了同样的问题：Link

100％宽度表中的链接导致90％宽度表

3 个答案: