DEVICE MATRIX
四类常见打开环境
先把当前使用的设备和打开方式对应到下面其中一类，再按提示核对系统版本与浏览器内核。
手机竖屏 · Android
页面宽度按 360 至 430 像素排版，按钮与输入框单列堆叠。系统字体放大后若出现按钮错位，先把字体调回默认档位再刷新。
手机竖屏 · iOS
Safari 需 16 及以上版本，关闭阅读模式与页面缩放后打开。地址栏收起时页面高度会重新计算，滚动一次即可恢复。
平板横屏
宽度落在 768 至 1180 像素之间，内容保持两列排布。旋转屏幕后停留两秒再操作，等页面按新宽度重新排版。
桌面浏览器窗口
窗口宽度建议不低于 1024 像素，浏览器缩放保持 100%。窗口拖窄到 900 像素以下时，导航会收起为图标按钮。
COMPATIBILITY
兼容对照
逐行核对自己正在使用的浏览器与系统设置，右侧标记说明当前状态下页面能否正常显示。
Chrome 移动版 110 及以上
支持页面全部排版与输入框样式，建议开启自动更新
建议使用
Safari iOS 16 及以上
关闭阅读模式与内容拦截后打开，输入框可正常聚焦
建议使用
桌面 Chrome / Edge 最近两个版本
窗口宽度保持在 1024 像素以上，缩放比例 100%
建议使用
微信等应用内置浏览器
跳转权限受限，点右上角菜单选择在系统浏览器中打开
需切换环境
系统省电模式或低电量模式
部分机型会限制脚本执行，暂时关闭后重新加载页面
建议关闭
系统字体缩放 125% 及以上
字号放大会挤压按钮宽度，调回默认档位即可恢复
先调回默认
屏幕宽度对照
DISPLAY CHECK
屏幕与显示设置核对四点
显示异常多数来自系统级的缩放与省电设置，而不是页面本身。按下面四项逐条确认，能解决大部分按钮被遮挡、文字截断的问题。
- 字号回到默认：系统设置中的字体大小与显示大小调回标准档，重新打开页面。
- 缩放保持 100%：浏览器菜单中选择缩放 100%，避免内容被横向截断。
- 关闭阅读模式：部分浏览器会自动抽取正文，导致按钮与输入区域缺失。
- 清理一次缓存：浏览器更新后留存旧样式，刷新缓存可恢复正确排版。
FAQ
适配常见疑问
整理核对显示效果时最常遇到的四个情况，按顺序尝试即可。
先把系统显示设置里的字体大小恢复到默认档位，回到浏览器下拉刷新一次；若使用手机浏览器，关闭阅读模式与页面缩放后重新打开，按钮通常会回到正常位置。
应用内置浏览器的跳转权限有限，点右上角菜单选择在系统浏览器中打开，页面会以完整浏览器环境重新加载，输入框与按钮的响应也会恢复正常。
旋转屏幕后页面宽度会重新计算，建议旋转完成后停留两秒再操作，必要时下拉刷新一次，让页面按新的屏幕宽度重新排版。
iOS 设备建议 Safari 16 及以上，Android 设备建议 Chrome 110 及以上，桌面端使用 Chrome 或 Edge 最近两个大版本即可，更新后清理一次缓存再打开页面。