链接 100% 宽度的表格会导致 90% 宽度的表格答案

【问题标题】：Link in 100% width table results in 90% width table链接 100% 宽度的表格会导致 90% 宽度的表格
【发布时间】：2012-05-01 13:19:06
【问题描述】：

这真的很奇怪。

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

没有什么问题……对吧？ ...还是我瞎了？

【问题讨论】：

很高兴找到答案。同样的问题还没有结果：stackoverflow.com/questions/9493272/…
终于找到了一个有效的修复程序。也发布在我的问题上：stackoverflow.com/questions/9493272/…

标签： iphone ios email html-email

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

不幸的是，您不能在 html 电子邮件中使用弹性布局（您可以垂直），这严重限制了电子邮件的功能

【解决方案3】：

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

刚刚设置：

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

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

暂时修复！

我也有同样的问题：Link

【讨论】：