电子邮件可以响应吗?

平面设计 html 响应式设计
2022-01-05 10:28:45

爱它或恨它,不可否认 HTML 电子邮件的流行。而且,就像之前的网络一样,收件箱已经正式移动化——超过 50% 的电子邮件打开发生在移动设备上。

那么考虑到电子邮件 HTML 是如何吸吮的,电子邮件真的可以响应吗?

3个回答

那么电子邮件真的可以响应吗

简单回答你的问题..是的

HTML 电子邮件在某种程度上属于网站的相同规则,但通常它们更难处理,并且仍然依赖于使用<table>标签的陈旧过时的代码样式。当我开始编写 HTML 电子邮件时,我希望 Web Design Tuts有一篇很棒的文章。

关于本教程的一点是它讨论了如何创建响应式电子邮件,并且在创建 HTML 电子邮件时的一个重要注意事项是 CSS 必须在最后内联。它确实讨论了如何针对 Yahoo 定位 CSS,body[yahoo] .class {}并且他们确实参考了 Tina Ye 关于“响应式 HTML 电子邮件:不同的策略”的文章。

由于 Webdesign Tuts 的文章没有详细介绍 Tina 的文章,我建议您阅读它,因为她介绍了移动优先设计方法,并展示了如何为 Lotus 8、Outlook 00-03、Outlook 2007+ 和 Apple 进行设计:

Lotus Notes 8 和 Outlook 2000-2003

 <!--[if IE]>
  <table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if IE]>
      </td>
    </tr>
  </table>
<![endif]-->

展望 2007+

<!--[if (gte mso 9)|(IE)]>
  <table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if (gte mso 9)|(IE)]>
      </td>
    </tr>
  </table>
<![endif]-->

苹果邮件

@media only screen and (min-device-width: 541px) {
  .content {
    width: 540px !important;
  }
}

如果您在 Google 上搜索响应式电子邮件模板,则Mashable有一篇名为“ 32 个适合您的小型企业的响应式电子邮件模板”的文章。
它确实讨论了您的电子邮件的免费和付费模板,并且它确实进入了 Zurb,如果您使用 Foundation 进行网页设计,我会推荐它。

他们肯定可以!这是一个可用于制作响应式 HTML 电子邮件的模板:http: //zurb.com/ink/从头开始创建 HTML 电子邮件需要大量有关电子邮件客户端如何解析电子邮件的知识。此模板可确保您的电子邮件在所有电子邮件客户端上正确显示。

您需要做的就是用您的电子邮件替换文件的内容,并通过您的应用程序中处理发送电子邮件的脚本运行此文件。

是的,你可以,但除非你对此有极大的热情,否则不要打扰。想象一下为 IE5 编码并且必须对其进行测试。为这种事情购买模板可能比自己定制解决方案更好。