【发布时间】：2020-11-05 19:27:40
【问题描述】：
我正在尝试在 Outlook 上发送一个简单的 HTML EDM。 HTML 仅包含一个围绕图像（我的 EDM 的内容）包裹的表格，我可以将其附加到 Outlook 中并作为文本插入，以及图像文件的附件。
原始图像大小约为宽 600 像素和高 2500 像素。我希望图像以 100% 的宽度显示。
我了解 MSO 存在一些样式限制。我已经使用以下代码实现了 100% 的宽度，但是，图像似乎从电子邮件正文垂直向上推，这意味着看不到图像顶部的四分之一，好像被切断了一样。
以下是我写的代码：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Marketing Newsletter</title>
</head>
<body>
<table width="100%" height="auto">
<tr>
<td>
<img src='cid:Email.png' style="display:block"/>
</td>
</tr>
</table>
</body>
</html>
我已从this entry 引用不使用行高并使用display: block，但仍然没有解决方案。为什么？
更新
这是结果的样子，请注意它们是模仿的，而不是真实的屏幕截图。
我认为它应该是什么样子（100% 宽度，高度：自动）： https://i.stack.imgur.com/o94Hv.png
结果如何： https://i.stack.imgur.com/k9zzI.png
给 td 或 table 的 padding-top 看起来如何： https://i.stack.imgur.com/3rqdD.png
没有桌子的样子： https://i.stack.imgur.com/cqoV8.png
【问题讨论】：
-
您可以尝试在您的表格和图像中添加一个以 px 为单位的显式宽度/高度吗？它可能会卡在 height="auto"
-
旧版本的 Outlook 对图像也有高度限制，这会导致问题。我认为你应该对 2500px 没问题，但无论如何都要小心。
-
@BenC ，我尝试添加显式宽度/高度，但不起作用。我试图移除桌子，顶部不再被切断。但是，Outlook 会自动调整图像大小，尽管 img 上有明确的宽度/高度。
-
我尝试从上面的代码中复制宽度达到 100% 的电子邮件图像，然后将其拆分为 2 个粘贴在一起的裁剪部分，以便可以看到顶部。它有效，因此高度不是问题。不确定带有表格的代码/Outlook 有什么问题。
-
@BenC ，很抱歉，我误读了您关于图像高度限制的评论作为电子邮件内容的限制。你的谨慎奏效了。我将图像分成 2 个较短的图像并将它们堆叠起来。谢谢！