从设备预设到首屏检查,说明多分辨率预览的常用流程和踩坑点。
按设备档位逐级检查
桌面、平板、手机各看一遍,重点观察导航、表格和弹窗在窄屏下的表现。
不要只测最大和最小两个极端,中间档位如平板竖屏也经常出问题。
首屏优先,滚动内容次之
首屏内容在手机上最容易挤压变形,先确认标题、按钮和关键信息没有重叠或截断。
部分网站会阻止被 iframe 嵌入,这类页面直接在浏览器里打开测试。
把 HTML 模式当临时原型用
不需要部署就能看一段代码的实际渲染效果,非常适合开发前的快速验证。
检查完记得清理临时代码,避免把原型内容带上线。