CSS height+min-height在邮件客户端及浏览器中是否兼容？邮件间距方案咨询

一、height+min-height方案的可行性分析 #

你的方案在部分主流邮箱客户端中存在兼容性问题，并非全场景可行，具体情况如下：

• 移动端Gmail：虽然支持内联CSS，但空<td>可能被客户端自动折叠，忽略设置的height和min-height值——原方案里的 正是用来避免这种折叠的，所以你的方案大概率达不到预期的15px垂直间隔。
• Outlook全版本：尤其是Windows桌面端的Outlook（基于Word渲染引擎），对CSS的min-height属性支持极差，基本无法识别；同时仅靠内联的height样式也可能不生效，反而HTML原生的height属性（比如原代码里的height="15px"）在Outlook中更可靠。
• 桌面端Gmail、Apple Mail：这个方案是可行的，它们能正确识别内联的height和min-height，空<td>也能保持设置的高度。

原代码示例：

<td height="15px" style="height:.985em; line-height:.985em">&nbsp;</td>

你的方案代码：

<td style="height:15px; min-height:15px"></td>

二、高效验证方法（无需全设备/系统测试） #

除了逐一测试所有组合，以下方法能达到接近99%的准确率：

• 使用邮件渲染测试工具：这类工具会模拟主流邮箱客户端的渲染逻辑，直接生成各客户端的显示预览，快速确认代码在目标客户端的效果，覆盖移动端Gmail、各版本Outlook、Apple Mail等核心场景。
• 参考行业兼容性指南：行业内有成熟的邮件CSS兼容性文档，会明确列出不同邮箱对height、min-height等属性的支持情况，根据文档调整代码，能避开绝大多数兼容性陷阱。
• 极简邮件测试：制作只包含垂直间隔模块的极简测试邮件，发送到主流邮箱的测试账号，重点验证核心客户端（移动端Gmail、Outlook全版本、Apple Mail），既高效又能覆盖绝大多数用户群体。

内容的提问来源于stack exchange，提问作者Alex 75