【发布时间】:2020-02-23 21:57:17
【问题描述】:
所以,看到一堆关于gmail如何处理html电子邮件的帖子......我看到我需要使用内联样式,还看到了一个关于在“;”之后使用空格的帖子和“:”在我的内联样式中......但我仍然遇到问题。我的问题是我正在指定表格单元格宽度(30-70),但我的表格仍然没有显示正确的宽度(更像是 gmail 中的 90-10)。这主要是一个 gmail 问题——样式仍然显示在其他邮件客户端中。我做了一些功课,但找不到任何解决方案...
Table cell width in HTML email does not correspond to width set in HTML or CSS
以下是我如何为表单创建消息(在 PHP 中)...注意宽度 =“30%”和内联样式(宽度:30%)。不过,这在 gmail 中被忽略了。下面是sn-p的代码...
$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 文件并在记事本中打开它时,所有的宽度都在那里......不知道发生了什么。
告诉我。谢谢。
【问题讨论】:
-
那些答案已经过时了;如您的第一个链接问题的答案之一所述,GMail added support for
<style>tags in 2016。你真的想要使用<style>标签。要确定这是 GMail 问题还是 HTML/CSS 问题,请尝试将测试输出转储到 .html 文件并在现代网络浏览器中呈现。 -
我读到
-
是的,这就是您链接的问题所断言的,但至少根据我链接的答案,它不再准确。随意运行一些测试以亲自查看。
-
是的,没用。