0

我正在编写应该是的 html 电子邮件valid for mobiles and monitors ，我知道如何编写电子邮件模板，并且我已经为监视器完美地编写了代码，现在出现了问题mobile compatibility.. 看到附件图像 left one for monitors是完美的，但对于手机来说它都坏了，我确实看到了，media queries但真的不明白怎么做使用它们，有人可以帮我吗

如果我有一个td并且在计算机上查看它的两列布局 但对于手机它应该在图像中连续显示一个列以及如何将一个图像调整为全屏..因为我希望黄色图像全屏显示并在全屏宽度的正下方

在此处输入图像描述

4

1 回答 1

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/

于 2013-08-09T20:40:04.947 回答