HTML – 响应式电子邮件表不断破坏 – 是什么导致这个？

概述我正在制作一个 HTML电子邮件,它完全适用于我需要支持的多个电子邮件客户端/浏览器组合,除了这个我无法弄清楚的问题.我有一个宽600px(这是电子邮件的宽度)的表格,其中有另一个表格,其中包含一个顶部和底部“曲线”图像,中间有一些文字.由于此电子邮件是响应式的,当浏览器窗口变小时,内部灰色表只是“中断”.我知道这是因为我使用Litmus来测试多种浏览器/电子邮件客户端组合. 注意：这仅在电子邮件 我正在制作一个 HTML电子邮件,它完全适用于我需要支持的多个电子邮件客户端/浏览器组合,除了这个我无法弄清楚的问题.我有一个宽600px(这是电子邮件的宽度)的表格,其中有另一个表格,其中包含一个顶部和底部“曲线”图像,中间有一些文字.由于此电子邮件是响应式的,当浏览器窗口变小时,内部灰色表只是“中断”.我知道这是因为我使用litmus来测试多种浏览器/电子邮件客户端组合.

注意：这仅在电子邮件“调整大小”时发生,即仅在移动电子邮件客户端上发生.如果你看下面的小提琴,我正在谈论的部分是内部灰色框开始欺诈的受害者….这个框(当调整大小时)只是不会很好.我已经尝试了所有我能想到的东西,使用填充,删除填充,嵌套表以及介于两者之间的所有内容.这让我疯狂.

为了看清楚我的意思打开小提琴,然后缩小HTML窗口.

这是一个小提琴试图说明我的意思：http://jsfiddle.net/39gzj/2/

更新：如果您使用FireBUG / Chrome开发人员设置,您会看到由于某种原因,该表将此魔法2px添加到内部灰色表中.这就是我需要根除的！

更新2：再次尝试在评论中发布的内容,但再次这不起作用.

http://jsfiddle.net/39gzj/2/

更新3 – 我甚至尝试使用媒体查询显式调整此中​​间框的大小,但它仍然无法正常工作.这是更新的小提琴; http://jsfiddle.net/39gzj/5/

解决方法 尝试像这样设置你的表：

<table wIDth="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#cccccc" >  <tr>    <td>text here. Put this insIDe a container with any media querIEs,should always stretch to full wIDth.    </td>  </tr></table>

总结

以上是内存溢出为你收集整理的HTML – 响应式电子邮件表不断破坏 – 是什么导致这个？全部内容，希望文章能够帮你解决HTML – 响应式电子邮件表不断破坏 – 是什么导致这个？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。