0

这真的很奇怪。

下面的代码应生成 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>

没什么不对的……对吧？……还是我瞎了？

4

3 回答 3

1

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

尝试将 align="center" 和 style="text-align:center" 放在第一个表上，然后在必要时将 style="text-align:left" 放在第二个表上。

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

于 2012-05-22T22:25:51.197 回答
0

iOS肯定有问题。问题是电子邮件被缩小以适应电子邮件客户端的宽度，但是当邮件比电子邮件客户端窄时，这会发生 - 但仅限于带有锚点的电子邮件。

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

于 2012-05-02T09:29:35.600 回答
0

好的，我找到了一个可行的解决方案：

只需设置：

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

要消除非常小的最小间隙，只需将背景颜色设置为与您的表格相同。

暂时修好了！

我有同样的问题：链接

于 2012-05-23T17:45:52.237 回答