如何使media queries在Gmail邮件签名中正常生效？

Gmail签名不支持任何media queries规则生效，你测试全平台失效、复制官方示例无效都属于预期表现，核心原因如下：

• Google公开的Gmail CSS支持规范仅适用于邮件正文区域，不适用于Gmail自动追加的邮件签名块。签名属于客户端独立渲染的模块，Gmail会在渲染签名时自动剥离所有<style>标签内的媒体查询逻辑，仅保留基础内联样式、极少数无判断逻辑的全局样式选择器，所有依赖设备类型、视口宽度的断点规则都会被直接过滤，和测试工具、覆盖的设备平台没有关联。
• 你通过Google身份服务、Google API客户端编程设置签名的方式，和网页端手动设置签名走的是完全相同的内容过滤逻辑，不存在API调用可以绕过样式校验、保留媒体查询规则的可能。

可行的签名适配方案 #

• 所有签名样式全部使用内联写法，不要在签名里写独立<style>块，更不要在块内添加媒体查询规则。
• 基础的多设备适配可以用表格布局+百分比宽度实现简单流式效果，不要尝试通过断点切换样式、调整布局。
• 所有宽度、字号、间距类样式尽量用固定值搭配max-width做兜底，不要依赖响应式规则做动态调整。

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