为什么响应式电子邮件设计的“max-width”优于“min-width”?

时间:2015-12-31 00:01:46

标签: html css mobile responsive-design

反对响应式电子邮件设计的一个论点是,在各种电子邮件环境中,媒体查询通常(仍然!)支持得很差。在这些环境中,"桌面"提供电子邮件的版本而不是" mobile"版本

"麻烦"环境往往是移动环境 - 也就是说,大多数桌面环境似乎都支持媒体查询。

鉴于这一事实,创建响应式电子邮件的最佳方法似乎是首先采用移动电话"做法。也就是说,设计"默认"移动环境的电子邮件布局。然后可以使用媒体查询(即通过利用min-width)为桌面重新格式化电子邮件。

最终结果是,即使是不支持媒体查询的移动环境也会呈现适合移动设备的电子邮件,而功能更全面的桌面客户端则会呈现桌面版本。

问题是,我看到的大多数自适应电子邮件继续使用max-width代替min-width,与我预期的相反。

对于自适应电子邮件设计,是否有特定原因可以故意使用max-width代替min-width

1 个答案:

答案 0 :(得分:1)

通常,max-width用于设计具有桌面大小设计的电子邮件。最小宽度将用于设计移动优先。可能是您正在查看的电子邮件的设计考虑了桌面大小的屏幕,或者有大量的媒体查询。

可能会使用max-width的原因有几个。

  • 对于专业开发人员,他们可能从已经存在的网站或模板继承旧CSS,但他们没有权限或能力进行更改。

  • 可能是电子邮件或网站更重要的是它可以在更大的屏幕上呈现并包含更多信息。这可能是由于单独或主要在桌面上运营的受众,或者是向开发人员请求非常特定的设计师的客户。

  • 较早的电子邮件模板可能是在桌面主导领域的时代设计的。仅仅几年前,智能手机和小屏幕成为常态,旧电子邮件可能还没有适应这一点。

但是,根据我的经验,如果我能暂时采取更加自以为是的答案,我更喜欢使用max-width来实现我的响应式电子邮件设计。我的大脑可以理解使用最大宽度作为截止点比最小宽度作为起点更好。所以这可能只是个人偏好。

相关问题