如何在基于html表的电子邮件中约束大图像(用于视网膜)?

问题描述 投票:4回答:1

我的网站使用非常大的图像,因此我们可以优化视网膜设备。在我的WordPress网站中,我们生成1200x640图像,并在主题模板中将它们的大小限制为600x320。

For example: <img src="image/path" width="600" height="320" /> 

因此,我的RSS源包含大图像(1200x640),当我们在RSS Feedblocks中的MailChimp模板中使用它们时,图像会破坏表格单元格的大小。无论如何要将此MailChimp feedblock标记与span标记包装并设置最大宽度?我们期待在MailChimp新闻稿模板中将图像大小限制为(600x320),而无需更改RSS源。这可能吗?

*|FEEDITEM:IMAGE|*
css image css3 mailchimp
1个回答
0
投票

我在很多时事通讯中都做了同样的事情并且反对上面的评论(少数邮件客户支持'背景大小:覆盖'好吧,如果有的话。

对我们来说效果最好的技术是保持表格单元格的宽度,但是在图像的样式属性中设置最大宽度:100%。这使它尊重其父级的最大宽度,而不是它的“自然”图像大小。如果您无法编辑图像标记本身,找到它的类并在简报的样式中添加样式max-width也应该可以很好地工作。

© www.soinside.com 2019 - 2024. All rights reserved.