我正在编写 html 电子邮件,它应该对手机和显示器有效
,我知道如何编写电子邮件模板,并且我已经为显示器完美地编码了它,现在移动兼容性
出现了问题code> .. 见附件图片 左边一个用于显示器
是完美的,但对于手机来说它都坏了,我确实看到了 media queries
但真的不知道如何使用它们,有人可以吗帮我一下
if i have a td and when viewed on computers its two column layout but for mobiles it should show one coluomn in a row as in image and also how to adjust one image to full screen ..as i want yellow images to be in full screen and heading right under in full screen width
最佳答案
确保您插入了视口(viewport)元标记:
<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/
关于与手机兼容的 Html 电子邮件模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18155166/