由 dawei 多端适配不是前端“做完再测”的收尾工作，而是UI测试工程师介入建站全流程的起点。从需求评审阶段，就要关注设计稿是否标注了响应断点、字体缩放规则、触控区域最小尺寸等关键参数，避免后期因设计不可落地而返工。
设计系统落地前，需协同产品与UI建立统一的适配基线：例如以iPhone 14（390×844）和Pixel 7（412×915）为移动主基准，iPad Pro（1024×1366）为横屏重点，桌面端聚焦1366×768至1920×1080主流分辨率。所有组件须通过这些典型设备组合验证交互一致性与视觉还原度。
自动化测试不能只跑Chrome Desktop。建议用Appium+WebDriverAgent覆盖iOS真机，用UiAutomator2跑Android各品牌中低端机型；Web端则结合Playwright多浏览器并行，重点捕获Safari iOS 16+的viewport渲染差异、Android WebView的表单输入异常等典型问题。
触摸与悬停行为需独立验证。按钮在移动端必须满足48×48pt可点击区，且无300ms延迟；桌面端hover状态下的菜单展开、工具提示必须与tap行为逻辑解耦，防止在平板混触模式下误触发。
图片与字体加载常被忽视。需专项测试不同网络条件下（使用Chrome DevTools的Slow 3G模拟）的占位图显示、字体回退链（如iOS缺字体时是否降级为系统San Francisco）、以及CSS contain属性对滚动性能的实际影响。
真机云测平台是效率杠杆。优先接入支持iOS 15–17、Android 11–14全版本、覆盖华为鸿蒙4.0+及小米HyperOS的商用平台，设置“横竖屏自动切换+定位/通知权限弹窗拦截”策略，批量捕获状态栏高度变化、刘海屏遮挡、底部安全区溢出等硬伤。
AI生成3D模型，仅供参考
最终交付前执行“三秒眼动测试”：不操作、不放大，仅在真实设备上静置3秒——能否一眼识别核心功能入口？文字是否清晰可读？交互反馈是否即时可见？这比千行自动化脚本更能暴露适配盲区。适配的本质，是让用户感知不到“正在适配”。