html - 是否有任何实际原因不首先为 Gmail 构建响应式电子邮件?

标签 html css email responsive-design gmail

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 9 年前

已遍及多个 support indicespoint - trouble - shooting , templatestutorials , 当我想到我应该首先让我的所有电子邮件在 Gmail 中工作时,我感觉自己被雷电击中了,因为我至少不记得曾经将其视为具体建议。

这是假设我有一些元素我可能希望根据用户的设备/屏幕显示,因此,在我一直困扰的所有电子邮件客户端中,Gmail 是最不灵活的,因为它不支持任何嵌入式样式。因此,对我来说,最有意义的做法是根据电子邮件在 Gmail 中的工作方式来安排电子邮件的布局,然后主要通过嵌入式样式添加到电子邮件中。

根据问题指南,我不是要征求对此的意见,而是要征求你们所有人都可以预见的由于此工作流程而产生的技术限制。话虽这么说,如果有的话,它们会是什么?

最佳答案

我已经对电子邮件进行切片很长时间了,多年来一直在观察变化(或没有变化)。我首先考虑的不是“GMail”或“Outlook”,而是我认为的 HTML 电子邮件的三个基本类别:固定的、流动的或响应式的(或者前两者之一和响应式的组合)。

正确完成的固定电子邮件在任何地方看起来都一样,并且受到每个主要电子邮件客户端的支持。流畅的电子邮件会在每个电子邮件客户端上发生变化,但这些变化将与相邻的变化相关,并且在很大程度上是可以预测的。响应式电子邮件虽然类似于流畅的电子邮件,但对呈现具有更精细的控制,并且实际上可以根据屏幕尺寸设置“流畅规则”。

根据您的目标受众,我对您的建议是构建一个看起来很棒的固定电子邮件(您是最坏的情况),然后将样式添加到 <body>标签来处理响应,使其更加出色。一旦掌握了构建固定电子邮件的诀窍,它就会变得非常快,因此您将把大部分时间花在响应方面。

关于html - 是否有任何实际原因不首先为 Gmail 构建响应式电子邮件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19597429/

上一篇:jquery - 为什么我必须三次单击此链接?

下一篇:javascript - "X"带有输入框的复选框

相关文章:

html - 背景而非内容的动画效果

html - 如何隐藏视频控件

jQuery 手机 : Use same header footer for all pages

javascript - jquery Accordion 帮助

spring-boot - 通过 somain 注册商 1and1 smtp 使用 Spring 邮件发送邮件时遇到问题

javascript - 如何用汉堡包按钮替换固定顶部导航?

javascript - 用六边形填充圆

html - css,html : allowed properties for html elements, 很好的引用站点

algorithm - 为什么电子邮件客户端首先搜索最旧的邮件?

android - 为什么发送电子邮件在 android studio 的模拟器中不起作用?