为Gmail创建电子邮件模板 - 媒体查询问题

时间:2014-11-05 08:47:35

标签: html css email responsive-design gmail

我正在尝试使用HTML + CSS为GMAIL创建一个电子邮件模板。它会响应! 但我知道"媒体查询" gmail不支持。所以我试图创建一个流畅的布局"使用旧式HTML标签(table,td等)和百分比而不是使用CSS标签。我已经创建了一个模板(例如:http://webdesign.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978),但仍有问题;

当我调整浏览器的大小时,我希望-left column-在底部移动,但现在-right column-移动到那里。 如何进行编码,以便左列位于底部,右侧列位于顶部。是否可以不使用"媒体查询" ?

谢谢,

1 个答案:

答案 0 :(得分:0)

这可能是由于您的表格顺序错误造成的。确保带有-left col-inside的表放在-right col-下方。只要表格包装器与左侧对齐,它在查看时仍然会以这种方式出现。

如果答案没有帮助,请提供一小段HTML,我可以看一下造成问题的原因吗?