html - 响应式 Html 电子邮件模板

Question

我正在编写html 电子邮件，它应该足以在所有手机中完美呈现。我是为桌面等编写电子邮件的专家，这封电子邮件在所有电子邮件客户端和浏览器中都能完美呈现，但我必须使其完美适用于手机。我的代码结构如下：

<table>
<tr>
 <td width="200"> <table>complete left table </table></td>
 <td width="200"> <table>complete middle table </table></td>
 <td width="200"> <table>complete right table </table></td>

</tr>
 </table>

为了使它对手机 有用，我知道我需要媒体查询但不知道使用它，有人可以参考我相关的教程，这可能会帮助我做我的具体案例。请看附图，左边是台式机，右边是手机：

Answer 1

更新：此答案包含大量电子邮件资源，包括响应式设计链接

以下是有关响应式设计的一些资源：

• 石蕊响应如何引导（滚动到底部）
• Campaign Monitor 响应指南

这是一个很好的模板，可以帮助您入门：

• 在 Acid 的响应模板上发送电子邮件