使用纯HTML在电子邮件中并排创建响应图像

我正在尝试使用纯HTML在电子邮件中包含两个图像作为标题。一幅图像将覆盖40%的屏幕宽度，另一幅图像将覆盖60%的宽度（两幅图像的高度都是自动的）。但是，两个图像的最大宽度组合为750px，因此在大型桌面设备上，组合宽度不会超过750px

我学到了一个技巧，在主要内容之前和之后将td设置为0的宽度，这对文本效果很好，但对我的图像效果不太好。这是我现在的代码：

<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td width="0"></td>
    <td width="40%" valign="middle"><img src="myimg.png" alt="Text" style="margin: 0; border: 0; padding: 0; display: block; width: 40%;" /></td>
    <td width="60%" valign="middle"><img src="myimg.png" alt="Text" style="margin: 0; border: 0; padding: 0; display: block; width: 60%;" /></td>
    <td width="0"></td>
</tr>
</table>

不幸的是，代码不起作用；图像总是具有固定的宽度。我尝试过移除空的td，我尝试过使用固定宽度而不是百分比，我尝试过单独使用宽度，作为一种风格，我尝试过将宽度放置在不同位置的各种变化，但似乎无论我尝试什么，我都无法响应地并排显示图像。这是智能手机设备上的一个问题，在智能手机设备上，图像显得太大。当然，我不能使用媒体查询，因为Outlook不支持这些查询

有什么建议可以让我把这两张图片并列显示吗

谢谢大家!

最好的，

---

沙威试试这个。希望能有帮助

---

试试这个。希望能有帮助

您已将表格宽度设置为750px。尝试从表中删除固定宽度并给出百分比。您已将表宽度指定为750px。尝试从表中删除固定宽度并给出百分比。