有人有电子邮件（时事通讯）的响应式 CSS 模板吗？答案

【问题标题】：Somebody have a responsive CSS template for Emails (newsletters)?有人有电子邮件（时事通讯）的响应式 CSS 模板吗？
【发布时间】：2014-02-24 00:53:56
【问题描述】：

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

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

【问题讨论】：

我最近在 mojo 主题 mojo-themes.com/item/… 编写了响应式电子邮件模板

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

【解决方案1】：

我自己阅读响应式 HTML 电子邮件时，偶然发现了您的问题。尽管有点晚了，但我还是会花时间分享我到目前为止的发现。

我找到了一些可供阅读的好资源，均由电子邮件通讯网络服务提供。

Campaign Monitor 提供了pretty extensive guide，了解如何设计响应式 HTML 电子邮件。它讨论了要采取的不同方法，要考虑的事情，并展示了一些方便的“技巧”。在指南中，他们还引用了一些可下载的响应式电子邮件示例，您可以将其用作起点，并在此基础上构建您自己的电子邮件。
MailChimp 也有关于 email for mobile devices 的指南。它有更广泛的关注点，讨论从统计数据到用户行为和最佳实践的所有内容，但它也有一个关于各种设计方法的部分。

为了获得活生生的例子来学习，我建议您注册一些大公司的时事通讯，这些公司已经花时间开发他们的时事通讯。我不打算特别推销任何公司，但我知道上面引用的两个指南都提到了一些他们认为有很棒的 HTML 时事通讯的公司，值得一看。

【讨论】：

【解决方案2】：

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

有关哪些客户端支持 HTML/CSS 功能以及支持的程度如何的帮助，请查看这两个链接。

【讨论】：

您没有添加任何有用的信息...如果您有任何证据表明无法完成响应式时事通讯，您需要解释上面我提供链接的两个站点。
在您的一个网站上显示“媒体查询不适用于移动版 Gmail。”而且我假设所有不同的移动客户端都存在各种问题。我想我想说的是，编写模板电子邮件并不是一门精确的科学，而且我认为没有一个解决方案适合所有将您的 html 插入并按发送。我链接了我所做的事情，以帮助您了解电子邮件客户端支持哪些内容，哪些不支持。我会看看那些模板，看看我能不能得到一些有效的例子。
是的，问题是这些网站提供了所谓的防伪模板，但它对我不起作用，我认为我可能在这里遗漏了一些东西......

【解决方案3】：

对于这个问题，我有一个极好的解决方案。解决方案是 - 您可以选择使用流畅的技术创建 HTML 电子邮件通讯。我的意思是你应该以百分比来构建它——这样所有的设备都可以容纳你的电子邮件。

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

谢谢！
苏梅什硕士

【讨论】：