HTML电子邮件模板框架，支持移动和Web布局

Question

我需要创建html电子邮件爆炸，如果在网络上与手机上打开，它的布局会有所不同。所有消息来源都说我应该使用内联CSS和表格，因为像gmail这样的电子邮件客户端对外部css和资源非常严格。如何设计呢？

这里有960 gs gris系统吗？有没有用它来设计电子邮件模板？

谢谢， VED

Answer 1

我帮助PostageApp的客户创建了一个适用于桌面和移动设备的电子邮件模板。在创建电子邮件布局时，请注意以下几点：

• 电子邮件的宽度通常保持在600px，以实现最佳的兼容性
• 尽量不要使图像变得沉重，因为这样很难缩放以获得更薄的宽度（手机！）
• 尽量将所有内容对齐到左边，而不是在一行上扔太多元素

这有点变化无常，我通过尽可能多地移除图像并将所有内容的大小减小到最大300px宽（适合我的iPhone）并通过将其发送到我的iPhone来持续测试来获得最佳体验。 / p>

如果您希望它在网络和移动设备上都可见，我认为更简单更好。

Answer 2

您可以使用Ink来设计电子邮件。它是一个用于创建电子邮件模板的css3框架。