有人为电子邮件(简报)提供了响应式CSS模板吗?

时间:2012-02-14 22:08:29

标签: css3 cross-platform newsletter responsive-design email-client

我正在设计一个HTML简报,应该可以很好地加载,包括在移动设备上 我发现这些链接指向显示空白模板的网站:

但两者都没有成功在我的手机Android 2.3.3上显示响应式设计 有人有这样的响应式电子邮件的实时示例,所以我可以从中学习吗? 我试图在网上寻找一个但找不到一个......

3 个答案:

答案 0 :(得分:1)

阅读我自己的自适应HTML电子邮件,我偶然发现了你的问题。虽然有点晚,但我会花时间分享到目前为止我发现的内容。

我发现了一些很好的资源,这些资源都是通过电子邮件简报网络服务提供的。

  1. Campaign Monitor提供有关如何设计自适应HTML电子邮件的pretty extensive guide。它讨论了采取不同的方法,思考的事情,并展示了一些方便的“黑客”。在本指南中,他们还引用了一些可下载的响应式电子邮件示例,您可以将其作为起点,并构建自己的电子邮件。

  2. MailChimp还有email for mobile devices的指南。它有更广泛的关注点,并讨论从统计数据到用户行为和最佳实践的所有内容,但它也有一个关于各种设计方法的部分。

  3. 为了获得可供学习的实例,我建议您注册一些主要公司的新闻通讯,这些公司花时间开发他们的新闻通讯。我不会特别推销任何公司,但我知道上面提到的两个指南都提到了一些他们认为有很好的HTML新闻简报的公司,值得一看。

答案 1 :(得分:0)

HTML电子邮件是一个不同的野兽。有几个网站致力于让HTML客户端支持标准标记,但那一天并没有接近成为现实。我怀疑许多电子邮件客户端(如果有的话)支持响应式CSS工作所需的媒体查询。我的建议是制作一个HTML电子邮件模板,该模板具有足够的适应性,可以在移动分辨率下工作,并且在普通的桌面分辨率下看起来仍然很好。也许是一些液体宽度。

有关哪些客户支持HTML / CSS功能支持的帮助,请查看这两个链接。

答案 2 :(得分:0)

我有一个很好的解决方案来解决这个问题。解决方案是 - 您可以选择使用流体技术创建HTML电子邮件简报。我的意思是你应该用百分比来构建它 - 这样那里的所有设备都可以适合你的电子邮件。

我有一个关于创建的教程:Fluid responsive email newsletter。 希望这可以帮助很多人。

谢谢!
Sumesh M.S