与手机兼容的Html电子邮件模板

Question

我正在编写应该是valid for mobiles and monitors的html电子邮件，我知道如何对电子邮件模板进行编码，并且我已经为监视器完美编码，现在mobile compatibility出现问题..请参阅附件{{1} }是完美的但是对于手机来说它全部坏了，我确实看到left one for monitors但是真的没有得到如何使用它们，有人可以帮助我吗

  

如果我有 td ，并且在计算机上查看两列布局   但对于手机，它应该连续显示一个coluomn ，如图像和   还有如何将一个图像调整到全屏..我希望黄色图像全屏显示，并以全屏宽度向下标题

Answer 1

确保插入了视口元标记：

<meta name="viewport" content="width=device-width, initial scale=1.0"/>

之后，您可以在CSS中插入媒体查询：

@media only screen and (max-width: 600px) {
  ...
}

您可以在此处找到有关自适应HTML电子邮件的更多信息：http://www.webdesignerdepot.com/2013/06/responsive-html-email-design/