时间戳

首页 > 解决方案 > Gmail 忽略 HTML 电子邮件表格的宽度和样式

css - Gmail 忽略 HTML 电子邮件表格的宽度和样式

问题描述

所以，看到一堆关于gmail如何处理html电子邮件的帖子......我看到我需要使用内联样式，还看到了一篇关于在“;”之后使用空格的帖子 和“：”在我的内联样式中......但我仍然遇到问题。我的问题是我正在指定表格单元格宽度（30-70），但我的表格仍然没有显示正确的宽度（更像是 gmail 中的 90-10）。这主要是一个 gmail 问题——样式仍然显示在其他邮件客户端中。我做了一些功课，但找不到任何解决方案...

为 Gmail 设置 HTML 电子邮件样式

HTML 电子邮件中的表格单元格宽度与 HTML 或 CSS 中设置的宽度不对应

下面是我如何为表单创建消息（在 PHP 中）...注意宽度 =“30%”和内联样式（宽度：30%）。不过，这在 gmail 中被忽略了。下面是代码片段...

$to_email[] = "<TABLE style=\"font-size: 90%; \">";
        $to_email[] = "<TR>";
            $to_email[] = "<TD width=\"30%\" style=\"width: 30%; \">Column 1</TD>";
            $to_email[] = "<TD width=\"70%\" style=\"width: 70%; \">Column 2</TD>"; 
        $to_email[] = "</TR>"; // Then more code to finish the page

当我在 google 中查看页面时，左侧宽度看起来约为 90%，右侧约为 10%。注意：电子邮件中没有图像，这将强制使用更大的宽度。

当我“检查元素”并在 google 中查看代码以查看电子邮件时，代码如下所示......

<table><tbody><tr><td>Column 1</td><td>Column2></td></tr>
<!-- ... etc. -->

有谁知道出了什么问题？正如我所说，样式和其他所有内容都会显示在其他邮件客户端中，因此表单可以正常工作。只是Gmail...

注意：当我从 gmail 保存 .eml 文件并在记事本中打开它时，所有宽度都在那里......不知道发生了什么。

让我知道。谢谢。

标签： cssemail

解决方案

找不到一个好的答案，所以我完全重组了表单，使用新的标题，现在表单在谷歌中工作。所以，检查你的标题...

推荐阅读