HTML邮件程序的行为很糟糕
这可能是最简单的修复方法,但我似乎找不到解决方法 以下面的HTML为例,当我从HTML创建一个OFT,并向我的Gmail帐户发送一封邮件时,哪里有图像,哪里就有空间 我已经广泛地搜索了解决方案,但是Gmail一直在剥离内联样式,并且在HTML模板的标题中附加一个标签也被忽略了 HTML非常简单(出于安全原因省略图像,所有图像都指向CDN):HTML邮件程序的行为很糟糕,html,gmail,html-email,Html,Gmail,Html Email,这可能是最简单的修复方法,但我似乎找不到解决方法 以下面的HTML为例,当我从HTML创建一个OFT,并向我的Gmail帐户发送一封邮件时,哪里有图像,哪里就有空间 我已经广泛地搜索了解决方案,但是Gmail一直在剥离内联样式,并且在HTML模板的标题中附加一个标签也被忽略了 HTML非常简单(出于安全原因省略图像,所有图像都指向CDN): 亲爱的{name} 我已经尝试了所有可能的解决方案,如前所述,从显示:块到线条高度:50%;以确保标记没有间距 这里有我遗漏的东西吗?一些我显然不知道的
亲爱的{name}
我已经尝试了所有可能的解决方案,如前所述,从显示:块到线条高度:50%;以确保标记没有间距
这里有我遗漏的东西吗?一些我显然不知道的事情?看起来不错,但GMail的doctype很奇怪。试试这个,希望能成功
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
<title></title>
</head>
<body style="margin: 0px; padding: 0px;">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="636" style="margin: 0; border-collapse: collapse;">
<tr>
<td colspan="3" valign="top"><img alt="" src="someimage1.gif" style="display: block;" /></td>
</tr>
<tr>
<td colspan="3" valign="top"><img alt="" src="someimage2.gif" style="display: block !important;" /></td>
</tr>
<tr>
<td width="18" valign="top" align="center" style="vertical-align: top;"> </td>
<td valign="top" bgcolor="#c4dae4" style="font-family: Arial; padding-top: 10px; padding-right: 20px; padding-left: 20px;">
<p><strong>Dear {name}</strong></p>
</td>
<td width="18" valign="top" style="vertical-align: top;"> </td>
</tr>
<tr>
<td width="18" valign="top"> </td>
<td valign="top" height="673" width="600"><img alt="" src="someimage3.gif" style="display: block !important;" /></td>
<td width="18" valign="top"> </td>
</tr>
</table>
</center>
</body>
</html>