无需登录 数据私有 本地保存

响应式邮件模板组装 - 拖拽模块搭建

11
0
0
0
0 个模块
模块组件
标题
文本段落
图片
按钮
分隔线
间距
双列布局
页脚
属性编辑

点击画布中的模块
即可编辑其属性

常见问题与知识点
响应式邮件模板能根据设备屏幕宽度自动调整布局，在桌面端（600px+）和移动端（320-480px）都保持良好的可读性。通常使用媒体查询、流式布局和弹性图片来实现。
①宽度建议600px以内；②使用内联样式而非外部CSS；③避免Flexbox/Grid，使用table布局；④图片使用绝对URL且添加alt属性；⑤字体使用系统默认字体栈；⑥重要信息不要仅依赖图片展示；⑦添加纯文本版本。
Gmail、Outlook等邮件客户端会剥离<style>标签中的CSS。内联样式（style属性）是确保样式在绝大多数邮件客户端中正确渲染的最可靠方式。本工具导出的HTML已自动将样式内联。
可以使用Litmus、Email on Acid等专业工具测试，或发送到Gmail、Outlook、Apple Mail等常用客户端查看效果。本工具支持切换移动端预览模式（375px宽度）来模拟手机效果。
图片必须使用绝对URL（如https://...），不能使用相对路径。建议添加width和height属性防止加载时布局抖动，alt属性在图片被屏蔽时显示替代文字。部分客户端默认屏蔽图片，需用户手动加载。
🔧 相关工具