用途：面向邮件场景的响应式设计指导，帮助邮件在移动端与桌面端都能正常阅读和点击。
主要能力：
- 策略：采用移动优先设计，因为多数邮件在移动端打开；使用单列布局以兼容各类客户端；在小屏幕上将多列内容堆叠为单列。
- 流式与响应式对比：流式使用百分比宽度，随视口缩放，实现更简单、支持更广；响应式使用媒体查询断点，控制更精细但支持度较低。
- 移动端优化：最小字号 16px（防止 iOS 自动缩放）；最小点击目标 44x44px；CTA 按钮在移动端全宽；移动端减少内边距以显示更多内容；在移动端隐藏非必要内容；优化预览文本（preheader）以适配移动端收件箱预览。
- 媒体查询支持：示例写法为 @media screen and (max-width: 600px) { .column { width: 100% !important; } .mobile-hidden { display: none !important; } .mobile-full-width { width: 100% !important; } }。注意 Gmail App 支持媒体查询，Outlook 不支持。
使用方式：按上述策略与数值编写邮件 HTML/CSS，结合媒体查询在 600px 断点调整列宽、隐藏元素或让元素全宽。
适用场景：营销邮件、通知邮件等需要在手机与桌面客户端一致呈现的邮件设计。
限制：资料未提供具体工具、安装命令、收费或平台信息；媒体查询在 Outlook 中不受支持，需考虑降级方案。