移动端适配经常被当成“前端的事”，但对站点运营来说，它决定的是访客能不能顺畅看完一篇文章、能不能顺利点开下一个栏目。很多站点在电脑上检查一切正常，换到手机上却出现横向滚动、文字挤成一条、按钮点不中，甚至部分内容被直接隐藏。这份自查清单按“看得见、点得动、内容全”三个维度排列，适合改版后或每隔一段时间跑一遍。
一、先确认 viewport 与初始缩放
viewport 是移动端排版的地基。如果缺少这一行声明，浏览器会按桌面宽度渲染再整体缩小，结果就是字体小到需要放大才能读。
- 确认页面头部存在 viewport 声明，宽度为设备宽度。
- 不要把初始缩放锁定在小于 1 的值，那等于默认禁止用户放大。
- 不要同时设置最大缩放为 1，这会挡住视力不佳的访客。
二、检查横向滚动与固定宽度
手机上出现左右滑动，通常来自某个固定宽度的容器、超宽图片或表格。自查时可以在手机浏览器上慢慢左右拖动，看页面是否整体位移。
- 找出所有写死像素宽度的模块，改成百分比或自适应单位。
- 检查表格与代码块，必要时让它们在自身容器内滚动，而不是撑开整页。
- 检查图片是否设置了最大宽度限制。
横向滚动看起来只是体验瑕疵，实际会连带影响点击准确率和内容读取顺序，值得当成明确的问题处理。
三、字号、行距与点击区域
移动端阅读距离更近，但屏幕更小，字号过小和行距过密都会让人快速离开。
- 正文字号保持在不需放大即可阅读的水平，行距留出呼吸空间。
- 导航、按钮、翻页等可点击元素留出足够的触控面积，并保持间距，避免误触。
- 下拉菜单不要在手机上依赖悬停触发，触屏没有悬停状态。
四、媒体资源与加载顺序
图片和视频往往是移动端最重的部分。自查重点不是把图压到最小，而是让首屏尽快可用。
- 为大图设置合理的展示尺寸，避免用一张超大原图缩小显示。
- 懒加载不要用在首屏主图上，否则会出现明显的空白等待。
- 检查视频与嵌入内容是否自动播放、是否抢占带宽。
五、内容一致性：别在手机上藏东西
有些站点为了“简化”移动端，用样式把正文、内链或导航整块隐藏。这种做法对访客和搜索引擎都不友好。
- 核对桌面端与移动端展示的正文内容是否一致。
- 确认重要内链和栏目入口在移动端依然可达。
- 如果确实需要折叠，确保展开后内容完整可见，而不是彻底不渲染。
六、真机与工具交叉验证
只靠浏览器缩小窗口模拟，容易漏掉真实设备的差异。建议至少做两轮验证：一轮用开发者工具的移动模拟，快速排查布局问题；一轮用真实手机，检查滚动、点击、表单输入和网络较慢时的表现。两端结果不一致的地方，往往就是问题所在。
七、把自查变成固定动作
移动端适配不是一次性任务。模板调整、插件更新、广告位新增，都可能重新引入问题。可以把上面的检查项整理成一份简短清单，在每次改版上线前和季度巡检时各跑一遍，记录发现的问题与处理方式。这样做的价值不在于追求某个分数，而在于让访客无论用什么设备打开，都能看到你想让他们看到的内容。