移动端问题往往藏在细节里
移动端流量占比不低，但不少站点只在桌面浏览器里做检查，真正拿到手机上就暴露出各种小毛病：正文被顶部固定栏挡住、表格横向溢出导致整页能左右拖动、按钮小到点不中、进页面先弹一层遮罩。这些问题不一定让页面“打不开”，却会持续消耗用户的耐心，也可能让移动端抓取到的内容与预期不一致。把移动端单独走一遍自查，比事后补救省事得多。
一、视口与横向滚动
先在手机上打开一个长正文页，从右往左滑动。如果整页能跟着移动，说明有元素超出了视口宽度，常见来源是宽表格、长代码块、固定宽度图片，或者写死了像素宽度的容器。
- 确认页面头部有视口设置，宽度跟随设备，而不是写死的固定值。
- 超宽内容用单独的横向滚动容器包起来，别让整页跟着漂。
- 检查样式里的固定宽度、负外边距和绝对定位元素，它们最容易撑破布局。
二、字号、行距与点击区域
正文建议保持一行三十到四十个汉字左右，行高留足，避免大段密排。链接和按钮要留出足够的点击区域，相邻的可点元素之间保持间距，否则手指很容易点错。
- 正文字号不要为了“一屏放下更多内容”而压得过小。
- 按钮、分页、关闭图标等，实际可点范围应大于视觉图标本身。
- 表单输入框聚焦时，不要被系统键盘顶出视口太远。
三、导航与菜单在小屏下的表现
折叠菜单要能正常展开和收起，展开后不遮挡关键操作；当前栏目要有明确的高亮；二级栏目不要埋得太深。如果站点栏目较多，可以考虑在小屏下只展示高频入口，把完整结构留在页脚或栏目页里。
四、两端内容是否一致
有些站点为了“看起来清爽”，在移动端隐藏大段正文，只保留标题和几个按钮。这类处理要谨慎：被隐藏的内容，用户看不到，抓取到的页面版本也可能与桌面端差异明显。内容主体、关键信息和链接，两端应当尽量保持一致，差异最好只放在呈现方式上。
五、弹窗、浮层与插屏
进页面就弹出的遮罩、底部常驻的下载条、悬浮的客服按钮，都会遮挡正文。自查时注意：弹窗出现时正文是否仍可滚动、关闭按钮是否好点、滚动到一半是否反复弹出。遮挡面积过大的浮层，建议降低触发频率，或者只保留一个。
六、资源加载与移动网络
移动网络下的加载表现和桌面宽带差别较大。首屏图片尽量控制体积，非首屏图片按需加载，避免首页一次性加载大量脚本。可以在手机浏览器里做一次弱网模拟，观察首屏文字大概多久出现。
自查清单
- 手机打开首页、栏目页、详情页各一个，滑动检查是否存在横向滚动。
- 逐页确认正文没有被固定栏、弹窗或浮层长期遮挡。
- 点击主要导航和分页，确认小屏下都能正常到达目标页。
- 对比同一地址在桌面端和移动端的内容主体是否一致。
- 在真机和不同尺寸下各看一遍，必要时用设备模拟补充。
移动端自查的目的不是追求“和桌面端长得一样”，而是保证同一批内容在不同设备上都能被正常读到、正常点开。结构清楚、内容完整，比花哨的动效更值得优先处理。
怎么验证，而不是凭感觉
除了手动点一遍，还可以结合服务器日志观察搜索蜘蛛在移动端的访问情况：如果移动端请求的页面状态异常，或者抓到的内容明显偏少，通常说明页面在移动端存在问题。把移动端检查放进日常发布流程，比等到数据下滑再回头排查更省力。