01
适配良好
6.1 英寸全面屏 · iOS
屏幕尺寸390 × 844
建议浏览器Safari 17 及以上
显示状态单列排版正常
注意事项：顶部安全区不影响按钮点击；横屏时导航会收起为一行，向右滑动可查看全部栏目。
适配矩阵
手机与平板访问适配矩阵
下方卡片按设备形态分组，标注当前适配状态、常见屏幕尺寸、建议浏览器版本与需要注意的显示细节。屏幕尺寸为逻辑像素参考值，实际以设备当前缩放设置为准。
02
适配良好
6.5 英寸主流安卓
屏幕尺寸393 × 873
建议浏览器Chrome 120 及以上
显示状态卡片两列起排
注意事项：部分厂商自带浏览器内核版本较旧，表单填写中途可能被手势返回打断，建议改用 Chrome 访问。
03
建议调整
5.4 英寸小屏手机
屏幕尺寸375 × 667
建议浏览器Safari 16 及以上
显示状态单列紧凑排版
注意事项：字号偏小时可双指放大阅读；带横向滚动的说明区域需左右滑动，长按选中文字容易误触返回。
04
适配良好
6.7 英寸大屏安卓
屏幕尺寸412 × 915
建议浏览器Chrome / Edge 最新版
显示状态卡片三列起排
注意事项：系统设置里开启“强制桌面版网站”后页面会按电脑宽度渲染，需在浏览器菜单中关闭该选项。
05
建议调整
折叠屏内屏 · 展开态
屏幕尺寸673 × 841
建议浏览器Chrome 122 及以上
显示状态两列排版正常
注意事项：分屏状态下弹层高度会被压缩，填写较长内容建议先退出分屏，全屏后再提交。
06
适配良好
8 英寸平板
屏幕尺寸768 × 1024
建议浏览器Safari / Chrome 最新版
显示状态横屏两列布局
注意事项：横竖屏切换后内容区会重新排版，若出现卡片错位，向下轻滑一次即可恢复。
07
需确认
微信内置浏览器
屏幕尺寸随机型变化
建议版本微信 8.0 及以上
显示状态需清理缓存后访问
注意事项：内置浏览器缓存较顽固，旧页面可能被长期保留；可在右上角菜单中选择“在浏览器打开”后再核对。
08
需确认
弱网与移动数据环境
网络类型4G / 公共 Wi-Fi
建议浏览器Chrome / Safari
显示状态先文字后图片
注意事项：网络较慢时首屏图片加载滞后属正常现象；连续多次刷新会延长加载时间，建议等待文字出现后再操作。
显示逻辑
为什么同一页面在不同手机上长得不一样
页面宽度、系统字号、浏览器内核三者叠加，就会让同一段内容在不同设备上呈现不同栏数与间距。看懂这三处差异，多数显示问题能自行判断。
01
页面宽度决定栏数
窄于 560 像素时卡片改为单列，560 至 1024 像素之间为两列，更宽时才会展开到三到四列。栏目顺序不变，只是排列方式不同。
02
系统字号影响行高
把手机系统字号调到最大后，说明文字可能撑高卡片，出现卡片高度不齐。调回标准字号即可恢复，不影响内容阅读。
03
浏览器内核影响交互
较旧内核可能不支持细节样式，表现为按钮无反馈或弹层高度异常。升级浏览器或更换内核较新的浏览器，多数情况可以解决。
四步自查
核对机型与浏览器的四个动作
依次完成下面四步，多数显示异常可以定位到具体原因，也能让后续反馈更准确。
STEP 01
确认屏幕宽度
在浏览器设置或系统信息中查看逻辑分辨率，对照上方矩阵找到对应机型分组。
STEP 02
核对浏览器版本
打开浏览器关于页面，确认版本号是否达到卡片中给出的建议版本，低于建议版本先升级。
STEP 03
清理缓存重开
清除当前站点缓存或用无痕窗口重新访问，排除旧版本页面被缓存的干扰。
STEP 04
提交机型信息
仍无法恢复正常时，记录设备型号、系统版本与浏览器版本，通过表单提交给我们核对。
适配问答
常见适配问答
整理自近期访问反馈中出现频率较高的几类设备问题，回答尽量给出可直接执行的动作。
页面在手机上显示为电脑版，字很小怎么办？
通常是浏览器开启了“请求桌面版网站”或系统开启了强制缩放。可在浏览器地址栏旁的菜单里取消桌面版选项，再关闭页面重新打开；若系统设置了全局缩放，把显示大小调回默认档位即可恢复正常排版。
折叠屏展开后卡片错位，需要重新设置吗？
不需要。折叠屏从外屏切到内屏后，页面宽度变化会触发重新排版，卡片栏数随之增加。如果错位没有自动恢复，向下轻滑一次或轻微旋转屏幕即可让布局重新计算。分屏状态下弹层高度受限，填写内容前建议先退出分屏。
微信里打开和浏览器里打开，显示效果为什么不同？
微信内置浏览器会缓存页面资源，且内核版本与手机自带浏览器不完全一致。遇到样式未更新或按钮反馈迟钝时，可在右上角菜单选择“在浏览器打开”，或清理微信存储空间中的缓存后再访问，两种情况下的内容本身是一致的。
平板横屏时内容被拉得很宽，正常吗？
正常。平板横屏宽度超过 1024 像素后，页面会展开到多栏布局，正文区域会限制最大宽度以保证阅读舒适度。如果觉得两侧留白过多，可以把设备转为竖屏，页面会自动切回两列紧凑排版。
旧机型访问时图片加载不出来，会影响查看内容吗？
不会。图片位加载失败时会显示深色占位底，文字说明、步骤与问答内容仍可正常阅读。若长时间只出现占位，可切换到网络更稳定的环境重新打开，或在浏览器设置中关闭省流模式后再试。