自適應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的響應模板