在写邮箱模板页面兼容手机邮箱客户端时注意几点

Posted 2022-05-19 asdfasdfasdad

在写邮箱模板时，有时候需要需要兼容手机客户端，通常做法在浏览下测试后，再手机客户端下模拟发送邮件，到手机客户端下会发现文字可能比想要的大几个字段.

这是怎么会事呢？

第一种可能是在局部标签上定义字号大小，不要继承父级或顶级的字号大小
第二种可能是没有定义布局的高度也可能会出现这样的问题；

在邮件模板如果有数字，比较薪资、号码编号，当点击他们后会出现是否打电话的弹框，可以加上下面标签：

  <meta name="format-detection" content="telephone=no"/>

还有一种需求是，在页面中打开的去效果（假如宽度800像素），也希望在手机邮箱里打开时也和网页面一样，只不过是缩小版的效果：

  <meta name="viewport" content="width=800; initial-scale=1; maximum-scale=1" />