css - 有人有用于电子邮件(时事通讯)的响应式 CSS 模板吗?

标签 css cross-platform newsletter responsive-design email-client

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

但是我没有成功地在我的移动 Android 2.3.3 上展示响应式设计
有人有这种响应式电子邮件的实例吗?我可以从中学习吗?
我试图在网上寻找一个,但找不到...

最佳答案

我自己阅读了有关响应式 HTML 电子邮件的文章,无意中发现了您的问题。尽管有点晚了,但我还是会花时间分享我目前的发现。

我找到了一些很好的阅读资源,它们都是由电子邮件通讯网络服务提供的。

  1. Campaign Monitor 提供 pretty extensive guide关于如何设计响应式 HTML 电子邮件。它讨论了不同的方法、需要考虑的事情并展示了一些方便的“技巧”。在指南中,他们还引用了一些可下载的响应式电子邮件示例,您可以将其用作起点,并在此基础上构建您自己的电子邮件。

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

要获得可供学习的实例,我建议您注册一些大公司的时事通讯,这些公司花时间开发了他们的时事通讯。我不会特别推销任何公司,但我知道上述两份引用指南都提到了一些他们认为拥有出色 HTML 新闻通讯的公司,这些公司值得一看。

关于css - 有人有用于电子邮件(时事通讯)的响应式 CSS 模板吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9284921/

相关文章:

android - 将 iPhone/iPad 应用程序转换为 Android

c++ - 具有相同种子的 rand() 函数是否会在不同的 PC 上给出相同的随机数?

php - MySQL 填充 Foreach

ios - 有没有免费的方法可以使用 Phonegap 为 iOS 设备进行开发?

php - PDO 插入不起作用(PHP/MySQL)

php - 使用 php 脚本跟踪 php 电子邮件?

html - 如何强制标签为视口(viewport)的宽度?

css - 为什么 Safari 中的 CSS Grid 行高不同?

html - 使用绝对位置 div 在 body 上启用滚动

css - 将 Li 的宽度设置为其容器 div 中剩余的任何内容