预览区支持按电脑端、手机端两种宽度逐项检查布局与交互，确保作品在桌面和手机上均可正常使用，是发布前的适配校验环节。 预览区在哪 ：指工作区右侧那块实时渲染面板。切换电脑端 / 手机端预览，用预览区顶部工具栏：显示器图标 = 电脑端预览，手机图标 = 手机端预览（即业内常说的 PC 模式 / H5 模式）。 开始前 已完成 预览并检查作品 的基础七步 预览区已加载完，无加载动画 已明确本作品的主要访问端（电脑 / 手机 / 双端），优先保证该端体验 若尚未完成"预览并检查作品"的七步，请先完成再继续，否则下方电脑端 / 手机端检查会漏掉基础问题。 双端检查流程 步骤 做什么 完成标志 详情 1 点预览区顶部显示器图标，切到 电脑端预览 预览铺满桌面宽度，无编辑边框 见下方电脑端检查项 2 逐项核对电脑端检查项 各项均符合 — 3 点预览区顶部手机图标，切到 手机端预览 复查窄屏 预览收窄到手机宽度，页面可滚动 见下方手机端检查项 4 逐项核对手机端检查项 各项均符合 — 5 要测分享链接、页面跳转，或怀疑工作区预览与真实访问者看到的不一致时，用新窗口打开预览 新窗口加载出纯预览态 见"三种预览方式怎么选" 6 发现问题回对话区单点描述 修改后从受影响项重新验证 通过对话继续修改 三种预览方式怎么选 术语速查： 电脑端预览（PC 模式） = 按桌面浏览器宽度渲染作品； 手机端预览（H5 模式） = 按手机网页宽度渲染作品。H5 是国内业内对"移动端网页"的常用叫法，不是要装的东西，也不是技术标准。 方式 含义 何时用 工作区电脑端预览 编辑器内预览区按桌面宽度展示 日常迭代、改完立即复查 工作区手机端预览 预览区收窄模拟手机宽度 检查窄屏适配、按钮与文字是否溢出 新窗口打开 独立浏览器窗口看纯预览态 接近访问者视角，测真实跳转与分享效果 电脑端检查项 标题、正文、图片、按钮文字与需求一致 主要按钮可点击、表单可填写 首页与其他页面可正常切换 无遮挡、截断或异常留白 多列布局、侧边栏、表格在桌面宽度下显示完整，未被挤窄或重叠 手机端检查项 文字可读，未被裁切 按钮在屏幕内，可点 页面可上下滚动 横向无溢出（不出现横向滚动条） 弹窗、表单在窄屏不超出 手机端模式默认按手机宽度渲染；如果预览区可调宽度，请先确认已切到手机宽度，再来查横向滚动条——切得太宽时横向滚动条不会出现，该项检查无效。 手机端错位通常是某个元素固定宽度撑出屏幕。回对话区描述时，先看是哪一行 / 哪个卡片超出去，按"第 X 屏第 Y 个按钮，宽度应该是整屏"这种位置 + 期望来说，避免只描述"布局乱了"；也无需直接报像素值，描述看到的现象即可。 手机端模式窄屏检查 常见问题 手机端模式下按钮或文字超出屏幕怎么办？ 回对话区按“第 X 屏第 Y 个元素，应该⋯⋯”的方式点名该元素并说明期望效果，重新生成后从手机端清单重测；仍异常见 问题排查 。 新窗口预览打不开或空白？ 通常是作品尚未生成完成，或预览链接已过期。去 问题排查 按步骤处理。请勿在对话区反复重试；重复点击不会推进生成。 电脑端看着正常、手机端错位严重？ 通常是某个元素固定宽度撑出窄屏，按手机端清单逐项确认是哪个元素后单点修改。 下一步 通过： 发布与分享作品 还需修改： 通过对话继续修改 回到预览主流程： 预览并检查作品