电子邮件模板横幅图像尺寸

【问题标题】：Email template banner image dimension电子邮件模板横幅图像尺寸
【发布时间】：2020-03-31 10:42:05
【问题描述】：

我设计的电子邮件模板包含横幅图像。除了横幅之外，一切都完美对齐。下面是我的代码 sn-p 并输出我收到的内容。

<p><img src="medical.jpg" width="100%" height="144" /></p>
<p>&nbsp;</p>
<p><span style="font-family: 'museo-sans', sans-serif;"><span style="font-family: 'museo-sans', sans-serif;"><span style="font-weigth: 300;">Hello</span></span>
  </span>
</p>
<table style="width: 100%;">
  <tbody>
    <tr>
      <td style="height: 40px;" colspan="5">
        <p><span style="font-family: 'museo-sans', sans-serif;"><span style="font-weigth: 300;">You Project(${URI_REF}) has been submitted and is being reviewed by&nbsp;<strong>${u_project_manager}</strong>.</span></span>
        </p>
        <p>&nbsp;</p>
      </td>
    </tr>
    <tr>
      <td style="background-color: #e6e7e8; color: #396b53;" colspan="5"><span style="font-family: 'museo-sans', sans-serif;"><span style="font-weigth: 500;"><strong>Title</strong></span></span>
      </td>
    </tr>
    <tr>
      <td style="color: black;" colspan="5"><span style="font-family: 'museo-sans', sans-serif;"><span style="font-weigth: 300;">${short_description}</span></span>
      </td>
    </tr>
    <tr>
      <td style="background-color: #e6e7e8; color: #396b53;" colspan="3"><span style="font-family: 'museo-sans', sans-serif;"><span style="font-weigth: 500;"><strong>Submitted by</strong></span></span>
      </td>
      <td style="background-color: #e6e7e8; color: #396b53;" colspan="1"><span style="font-family: 'museo-sans', sans-serif;"><span style="font-weigth: 500;"><strong>Approver</strong></span></span>
      </td>
      <td style="background-color: #e6e7e8; color: #396b53;" colspan="1"><span style="font-family: 'museo-sans', sans-serif;"><span style="font-weigth: 500;"><strong>Department</strong></span></span>
      </td>
    </tr>
    <tr>
      <td style="color: black;" colspan="3"><span style="font-family: 'museo-sans', sans-serif;"><span style="font-weigth: 300;">${submitter}</span></span>
      </td>
      <td style="color: black;" colspan="1"><span style="font-family: 'museo-sans', sans-serif;"><span style="font-weigth: 300;">${u_project_manager}</span></span>
      </td>
      <td style="color: black;" colspan="1"><span style="font-family: 'museo-sans', sans-serif;"><span style="font-weigth: 300;">${department}</span></span>
      </td>
    </tr>
  </tbody>
</table>
<hr />
<p><span style="font-family: 'museo-sans', sans-serif;"><span style="font-weigth: 500;">Thank you,<br /></span><span style="font-family: 'Montserrat', sans-serif;">IT Service Desk</span></span>
</p>
<p>&nbsp;</p>

输出： 在我的 Gmail 中，它运行良好，但在 Outlook 中运行不正常

输出：

Gmail 输出

Outlook 输出

在 Outlook 中，完整页面本身会显示横幅，但在 gmail 中看起来还可以。我做错什么了吗？

【问题讨论】：

• 尝试将图像横幅和欢迎文本的代码放在主 table 容器内
• 你的意思是在标签之后？？？
• 是的，在那之后；并为每一行使用tr，而不是div 标签
• 它没用，马特 :(