Html 从浏览器复制电子邮件模板时丢失流体宽度

我制作了这个电子邮件模板。但当我在浏览器上渲染它并将结果复制到gmail或mac mail时，我认为根表的宽度流动性会丢失。我使用100%宽度。当我在浏览器上调整它的大小时，它非常流畅。基本上，它在复制过程中获取浏览器窗口的宽度。你能检查一下这个html看看为什么会这样吗

布鲁罗的巴斯 outlook a{填充：0；} 正文{宽度：100%！重要；-webkit文本大小调整：100%；-ms文本大小调整：100%；边距：0；填充：0；}/*强制默认字体大小*/ .ExternalClass{宽度：100%；}.ExternalClass、.ExternalClass p、.ExternalClass span、.ExternalClass字体、.ExternalClass td、.ExternalClass div{行高：100%；}/*Hotmail*/ a:活动，a:访问，a[href^=tel]，a[href^=sms]{文本装饰：无；颜色：000001！重要；指针事件：自动；光标：默认；} 表td{边框折叠：折叠；} 你好

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近又通过桌面出版软件流行起来

最好的

巴斯

布鲁罗的巴斯 这条线可能是罪魁祸首，因为它的宽度是固定的，并且您没有CSS使它在较小的视口中响应

我建议为移动视图创建一个媒体查询，然后创建一个width:100%css类，并将其添加到td中

---

如果没有任何css/媒体查询控制移动视图，电子邮件客户端将尝试呈现桌面视图，无论屏幕大小。

这是我的代码，希望它能帮助您

我已经删除了您额外的3列表，并为您的表添加了混合编码的味道。如果您对此代码的任何部分有疑问，请告诉我

布鲁罗的巴斯 outlook a{填充：0；} 正文{宽度：100%！重要；-webkit文本大小调整：100%；-ms文本大小调整：100%；边距：0；填充：0；}/*强制默认字体大小*/ .ExternalClass{宽度：100%；}.ExternalClass、.ExternalClass p、.ExternalClass span、.ExternalClass字体、.ExternalClass td、.ExternalClass div{行高：100%；}/*Hotmail*/ a:活动，a:访问，a[href^=tel]，a[href^=sms]{文本装饰：无；颜色：000001！重要；指针事件：自动；光标：默认；} 表td{边框折叠：折叠；} 你好

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行 出版软件

最好的

巴斯

布鲁罗的巴斯

---

对不起，我只是想了解一些事情，1。你为什么要为Gmail付费？2.我在你的代码中没有看到div。您也可以接受@gweslo建议的编辑。我想说的一件事是，如果你粘贴到Gmail中，那么媒体查询和内容可能会被剥离。对不起，我不是说div。它实际上是一张桌子。我改变了问题。另一个问题是你为什么要粘贴到Gmail？因为我在Gmail和macim上测试时使用的宽度是：500px，以便将内容固定到中心。您可以看到内容前后的两个空td。

<td style="width:500px;">