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