526互联

Outlook 客戶端邮件顯示問題

发布时间 2023-03-30 17:29:17作者: 灵火

css 里的 pt、pc、in 单位

  • pt：Point，常用于软件设计和排版印刷行业；
  • in：Inches，1in = 96px，英寸；
  • pc：Picas，1pc = 16px，当于我国新四号铅字的尺寸。派卡也是印刷的术语；
  • 关于更多的单位介绍：https://zhuanlan.zhihu.com/p/440269115

Outlook 客户端排版问题

邮件或印刷打印类的网页展示建议使用 pt 单位；
客户端几乎不支持HTML，仅支持HTML2，所以尽量使用 table；
邮件不支持javascript，flash以及一些特殊的标签；

使用场景：当使用 flex，float，position 对行内的文字和图片进行分别左右排版；在网页端显示是正常滴，但是到客户端查看就没有生效。

解决方案：使用 table 来排版。

注意事项：

  1. 尽量使用行内样式；
  2. 使用 table 时 border 设置在 td 下，设置在 tr 上不生效；