响应式电子邮件模板在浏览器中工作,但在所有电子邮件客户端中均

时间:2014-03-10 20:25:31

标签: responsive-design html-email

我创建了一个响应式电子邮件模板。我使用表格并试图保持电子邮件的简单性。我确实在头部使用CSS而不是内联,但我使用mailchimp,所以他们应该把所有CSS内联给我。 当我在chrome中查看电子邮件时(通过浏览器打开HTML文件),它可以正常运行,所有内容都会调整大小并遵循所有媒体查询。但是,当我通过电子邮件发送或在IE或Firefox中查看时,无论屏幕大小或电子邮件客户端如何,都绝对没有变化。我陷入困境,无法弄清楚我做错了什么。任何帮助,将不胜感激。这是HTML文件的链接,提前感谢!

http://www.dealermarketing.com/test/index.html

1 个答案:

答案 0 :(得分:0)

我查看了您的示例电子邮件。您在css中的图像上全局设置了最大宽度100%,但您需要将图像的实际宽度设置为100%,以便图像缩放。

以下是如何在标题图片上实现它:

<img mc:edit="header_image" mc:label="header_image" src="http://www.dealermarketing.com/newsletter/dmmtips/DMM-Tips-Header-4.jpg" style="width:100%;" width="100%">

你必须添加style =“width:100%;” width =“100%”表示您希望在响应式模板中灵活使用的所有图像。