css - 使用 zurb 框架的 Sitefinity 响应式邮件

标签 css email responsive-design zurb-foundation sitefinity

使用 zurb framework , 我想用 Sitefinity ECM 制作一份响应式通讯。当我发送一封包含 css 的电子邮件时(如 this screenshot ),代码在这里:http://pastebin.com/6gaSNKXT .

该代码粘贴在 message template 中并用于新的测试通讯。在预览模式下它是响应式的,但在 gmail 中没有加载 css,在 hotmail 中加载了 css 但没有响应。同样在我的 IDevice 上,它没有响应。

如何使用带有 Sitefinity 的 zurb 框架来发送电子邮件?

最佳答案

Gmail 删除了 <style>标记,因此您需要先内联 CSS。 Zurb Ink 框架要求您在发送电子邮件之前执行此步骤。这也可能会解决您的其他问题 - 目前很难说。

我认为 Ink 有一个内置的 CSS 内联器,如果您通过 Sitefinity 运行它可能不适用。这是 css inlining tools 的列表这可能会派上用场 - 我不认为他们中的任何一个都有 API,因此您可能必须在用户所见即所得的内容从 Sitefinity 到那里之前内联模板。

关于css - 使用 zurb 框架的 Sitefinity 响应式邮件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20759043/

相关文章:

javascript - 垂直对齐范围

html - 移动设备上的响应式 Web 问题

html - 可读单列布局的设备无关宽度

java - 在 Java 中替换字符串中的电子邮件

python - 属性错误 : 'str' object has no attribute 'copy' when parsing Multipart email message

CSS 绝对定位和响应式设计

javascript - 如何以字母显示日期 - Javascript --> insidehtml?

jquery - 将样式应用于 ASP.NET RadioButtonList

html - css中的宽度百分比%和像素有什么区别

email - 如何在 Cypress 中发送带有测试报告的电子邮件