网站移动端适配检查：断点、触控与内容顺序
很多网站说“支持手机端”，实际只是把桌面页面压窄：字变小、按钮挤在一起、表格横向溢出。移动端适配要按检查项逐条过，不能只在上线前用手机看一眼就判断是否合格。下面按实际检查顺序展开。
先定适配范围和验收设备
适配范围不是“所有手机”，而是根据访问来源和业务动作确定优先级。企业官网以阅读和咨询为主，重点在首屏、栏目导航、文章正文和表单；小程序和APP的检查项不同，不能直接套用网页的做法。判断依据可以看现有访问统计中的设备与浏览器分布、客户实际打开场景，比如微信内打开、扫码进入、短信链接，以及页面上最关键的那个动作。
- 设备与浏览器清单：至少覆盖小屏手机、主流尺寸手机、平板或桌面窄窗口；
- 系统字体放大后的表现，固定高度按钮和卡片是否溢出；
- 微信内置浏览器的打开、滚动和分享表现；
- 横竖屏切换后布局和弹窗状态；
- 输入法弹起时表单是否被键盘遮挡。
没有真机时，浏览器模拟只能做初筛，不能替代触控和输入测试。验收设备要提前写进项目约定，避免上线前才发现没有人手测试。
断点按内容断，不按机型断
按某个手机品牌或型号设断点，机型一多就失效。更稳的做法是以内容开始拥挤的位置作为断点：导航项换行、卡片文字挤压、表格出现横向滚动、按钮并排放不下。这些位置比设备参数更能说明问题。
- 先把浏览器窗口拉到最窄，检查最小可用状态，确认没有内容被裁掉；
- 逐步拉宽窗口，记录内容开始松散或拥挤的位置；
- 确定两到三个主要断点，把规则写进样式说明；
- 在断点之间的中间宽度再走一遍，很多问题出在“不大不小”的尺寸。
断点数量不是越多越好。断点过多，样式维护成本上升，改一处间距要在多套规则里查找。常见做法是移动优先：基础样式服务窄屏，再用媒体查询向上扩展。判断标准是内容是否可读、可点、可完成主要动作，而不是和设备型号一一对应。
导航和触控：容易在真机上暴露的问题
桌面端靠鼠标悬停展开的二级菜单，在触屏上没有悬停状态，点一下可能直接跳走或毫无反应。移动端导航要重新设计交互，不是把桌面菜单缩小。
- 主导航收起为菜单按钮，按钮位置清楚，展开后能关闭；
- 二级菜单点击展开，不依赖悬停；
- 可点击区域留足，文字链接之间不要紧贴；
- 当前页面有明确标识，返回路径清楚；
- 弹窗打开后锁定背景滚动，关闭按钮不被其他元素遮挡。
触控检查还要关注误触：相邻按钮间距过小、底部悬浮栏挡住表单提交、轮播图滑动手势与页面滚动冲突。这些在浏览器模拟里往往看不出来，需要真机操作。
内容顺序：手机端要重新排优先级
桌面端三栏并排的内容，在手机上如果按原顺序堆叠，用户要滑很久才看到重点。移动端应重新确认信息优先级：先结论后细节，先主要动作后辅助说明。
- 首屏保留标题、一句说明和主按钮，不把大段介绍放在最前；
- 图片与图注紧邻，避免图在上、说明隔很远；
- 长表格改为分段说明或横向滚动，并给出滚动提示；
- 次要信息可以折叠，但折叠标题要写清楚里面是什么；
- 表单字段按填写顺序排列，减少来回滚动。
折叠不是万能。把关键价格、服务范围、联系方式藏进折叠，会影响用户判断。是否折叠，要看用户不展开是否就无法做出决定。
图片、视频与表单的细节
图片在移动端既占流量也占首屏。上传前按展示尺寸导出，不要用大图靠样式缩小。首屏主图避免延迟加载导致空白，非首屏图片可以稍后加载。视频要设置固定比例容器，防止加载时页面跳动。
表单在手机上最容易出问题的是输入类型和键盘。手机号使用数字键盘，邮箱关闭自动大写，验证码支持粘贴，错误提示放在字段附近而不是只弹全局提示。提交按钮在键盘弹起时不能被遮挡。用户把系统字号调大后，固定高度的按钮和卡片可能文字溢出，应使用最小高度并允许换行。
上线前的真机检查顺序
按以下顺序走一遍，比随机点页面更容易发现问题：
- 用真机在移动网络下打开首页，记录首屏加载和可操作的时间；
- 走一遍主要路径：导航到栏目、打开文章、提交表单或发起咨询；
- 检查横竖屏切换后布局是否错乱，弹窗是否还在；
- 在微信内置浏览器打开，检查页面滚动和分享信息；
- 测试输入法弹起、键盘遮挡、自动填充和错误提示；
- 检查返回按钮、刷新后的页面状态和重复提交；
- 用不同字号和项目支持的显示模式复核可读性。
检查结果要形成清单，标明设备、浏览器和问题位置。只说“手机上有点问题”，开发和设计都难以复现。
哪些情况需要单独做移动端方案
响应式布局适合以内容和表单为主的企业官网、资讯页、展示页。遇到复杂后台、数据大屏、地图编辑、多列对比工具，单纯缩放不够，可能需要单独的移动端页面或功能裁剪。老站改造成本也要提前评估：如果原有模板不支持响应式，局部修补可能比重新搭建更贵。
适配的边界还包括后续维护：断点和组件规则要有文档，新增页面按同一套规则走。否则每加一个页面就重写一套移动端样式，问题会反复出现。
移动端适配的验收标准可以归纳为一句话：在目标设备上，用户能看清、点准、完成主要动作，并且后续维护有统一规则。上线前按清单检查，比上线后反复修补更省时间。