Question

我使用表格来包含我的HTML代码。在浏览器上打开它并使用“ctrl + a”+复制+粘贴到我的电子邮件撰写。但在收到该电子邮件后，我发现它并未固定在手机的屏幕尺寸上。

我认为使用背后的代码（例如C＃）可能会解决这个问题，但是可以使用copy + paste将合适大小的电子邮件发送到智能手机吗？

我试过了：

<table><tr><td><img style="width:100%;" src="..." alt="..." /></td></tr></table>

和

<table><tr><td><img style="width:600px;" src="..." alt="..." /></td></tr></table>

Answer 1

您的复制和粘贴方法适用于通过Outlook发送电子邮件，前提是您的图片链接是托管的而不是相对的。

如果您想要一个可以调整视口大小的电子邮件，那么这是一个非常艺术形式和一个复杂的主题。但是，对于您的简单示例，如果您想要调整大小调整到电子邮件视口的图像，则可以使用：

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <img style="margin: 0; border: 0; padding: 0; display: block;" src="http://lorempixel.com/400/200/sports/1/" width="100%" alt="">
    </td>
  </tr>
</table>

Answer 2

过去两天我有这个问题......

我现在知道的是：大多数电子邮件客户端都使用@media查询语句 - ＆gt; android不会。

选中此http://www.campaignmonitor.com/css/

如何发送适合手机屏幕和电脑屏幕的html电子邮件

2 个答案: