【急哭了】邮件html如何适配手机版~~

Question

以下html邮件如何适配手机端，像最后一张那样
手机网页版qq邮箱：

PC：

想要的效果如下：
微信邮件提醒：

---

回答有说用media可是media它不奏效啊，求后面回答的可以给个范例，快哭了！！

Answer 1

不要设置 viewport

Answer 2

试试直接在手机里打开iframe？

Answer 3

用css media查询器可以实现。
邮件template里，加些css的media，因为邮件里不支持JS运行的。

Answer 4

• 前段时间自己写过，Outlook兼容win和Mac，写吐血了。这玩意太难搞了。而且很难调试~
• 我当时的做法是：找别人家的EDM，看人家的源码，然后一个个试，（移动端的邮箱客户端能不能看源码我也不知道）
• so，我只能说：祝你好运~~