核心一句话：PC 空间充足，弹窗偏向 “辅助操作、承载信息”；移动端屏幕狭小，弹窗优先 “轻量化、不打断、单手可操作”，能不用弹窗就不用弹窗。
下面分维度对比，最后附适用场景和避坑要点。
一、基础约束差异
二、布局与形态差异
PC 弹窗
居中模态弹窗是主流，矩形、固定尺寸，可宽可高；
可以有复杂结构：多表单、表格、标签页、长图文、多个操作按钮（3–4 个甚至更多）；
标题、关闭叉固定在右上角，行业共识；
内容过长支持内部滚动，弹窗本身可以很大；
次要弹窗还常用气泡提示（popover）、下拉浮层、侧边抽屉。
移动端弹窗
移动端很少用传统居中大模态，优先这几种：
底部弹窗（底滑 sheet / ActionSheet）：移动端最推荐，靠近拇指热区；
居中小弹窗（alert/confirm）：只用于强确认、极简提示，文字不能多；
顶部 Toast 轻提示（非模态！），无遮罩、自动消失，不阻断操作；
全屏弹窗：等价新开页面，谨慎使用；
❌ 移动端大忌：照搬 PC 那种大居中弹窗，塞满表单、很多按钮。
布局规则：
按钮一般底部横向排布，主按钮放下方 / 靠右，取消在上或左侧；
不做右上角小叉（手指很难点准）；
内容尽量 1 屏看完，少滚动；如果必须滚动，要明确容器边界，防止用户分不清页面滚动还是弹窗滚动。
三、交互与操作逻辑差异
PC
支持键盘快捷键：ESC 关闭、Tab 切换输入、回车确认；
鼠标 hover 态可以做提示、高亮；
可以支持拖拽移动弹窗、调整弹窗大小；
遮罩点击关闭是可选，很多业务弹窗禁止点击遮罩关闭，强制选按钮。
移动端
无 hover 态，不要做 hover 交互；
支持下滑手势关闭（底部 Sheet 标配），降低关闭成本；
热区规范：按钮≥44×44px；
模态弹窗遮罩点击关闭是常态（产品强风控场景除外）；
尽量避免弹窗上再弹出二级弹窗（弹窗套弹窗，移动端体验灾难）。
四、信息层级 & 文案
PC：可以详细说明、辅助文字、帮助链接、备注，信息密度高；
移动端：文案极简，一句话讲清楚，减少辅助说明；长说明放到独立页面，不要塞弹窗里。
五、阻断强度（模态 / 非模态）
PC：模态弹窗（阻断）、非模态浮层大量共存，用户习惯多任务；
移动端：模态弹窗打断感远强于 PC，能使用非模态 Toast、轻气泡就不用模态弹窗；
移动端原则：轻提示用 Toast；简单选择用 ActionSheet；强风险确认才用居中 Alert；复杂表单直接新开页面。
六、典型适用场景对照
PC 适合弹窗
复杂表单、编辑弹窗
预览大图 / 文档
筛选面板、设置面板
详情查看、批量操作确认
多步骤向导弹窗
移动端适合弹窗
操作确认（删除、提交）
选项选择（选择图片、分享、操作菜单 → ActionSheet）
简短成功 / 失败提示（Toast）
简单权限申请弹窗
不适合移动端弹窗
长表单、长阅读内容
多标签、复杂筛选 这类内容移动端应该用独立页面，而不是弹窗。
七、常见踩坑总结
不要直接把 PC 弹窗原样迁移到移动端；
移动端不要在弹窗里放超过 2 个主操作按钮；
移动端慎用右上角关闭叉；
移动端禁止弹窗内长滚动 + 页面滚动叠加；
PC 可以用弹窗承载复杂功能，移动端弹窗定位只做短、快、轻决策。
补充：一份精简设计原则
PC 弹窗：信息优先，效率优先，鼠标精准交互
移动端弹窗：单手优先，减负优先，减少强制打断
本文原创作者：易君召，详见：https://www.yijunzhao.cn/authors/yijunzhao，转载请注明出处。
原文链接
欢迎访问 小易撩挨踢