页面适应的是可用宽度，不只是设备名称
响应式页面会根据浏览器可用空间调整排版。同一台平板全屏时可能显示多栏，分屏时变成单栏；电脑窗口收窄后也可能出现手机上常见的菜单按钮。设备叫“平板”或“电脑”，不保证始终得到固定版式。
MDN 将媒体查询列为响应式设计的重要工具，它允许样式依据视口等条件改变。对读者而言，不必记住断点数字，只需观察内容是否还完整、按钮是否可见、主要文字是否能够顺畅阅读。
本节链接折叠菜单是在给正文腾出空间
桌面导航能把多个栏目排成一行，而手机横向空间较少。如果仍照搬整排文字，标签会变小、挤成多行，或者超过屏幕。把栏目收进一个有名称的菜单按钮，可以保留可点按的大小，同时把更多空间留给正文。
阅读本站首页时，先找页头的菜单入口；打开后选择栏目，页面会转到对应区块。不要把右侧出现的抽屉理解成新网页，也不要把正文里每篇文章的目录当成整个网站的栏目表。
本节链接遇到菜单变化，按这个顺序操作
开始前先记住文章标题，尤其是在平板分屏或正在放大页面时。布局改变后，标题比“原来在左边的第三个按钮”更容易重新识别。
- 观察页头是否出现带名称的菜单按钮，点开一次并等待展开。
- 按栏目文字选择目标，不依赖原来桌面版的位置。
- 进入文章后使用文章目录，不再反复打开全站菜单。
- 若菜单遮住正文，使用关闭按钮或选择有效栏目后确认已收起。
- 需要返回原内容时，先用文章目录；确实切换过页面才考虑浏览器后退。
三个常见场景，分别怎样判断
场景一：电脑放大文字后导航折叠。页面缩放会改变可用于布局的空间，紧凑导航可能是正常响应；如果文字更好读且菜单能展开，不必为了恢复横排导航而把文字缩得太小。
场景二：平板分屏时图片排成一列。先判断图片和说明是否仍按顺序出现，单列本身不代表缺图。场景三：手机横屏后仍有菜单按钮。横屏不保证超过网站设置的布局条件，继续使用菜单即可，无需反复旋转。
本节链接如何区分正常折叠与确实无法使用
正常折叠的特点是入口仍有明确文字，打开后能找到栏目，选择后能到达内容。若按钮没有响应、栏目被遮挡，或正文持续超出屏幕，则应记录实际现象，而不是直接认定文章被删除。
可以先收起浏览器键盘、回到页面顶部并确认缩放没有异常，再尝试页面中的普通文字链接。本站详情页的正文与目录是直接可读的内容；导航脚本只负责增强菜单。若当前设备操作不便，保留文章链接，在另一块屏幕继续读即可。
本节链接相关问答
电脑上出现手机菜单，是访问了错误网址吗？
不一定。同一网址可以根据窗口宽度和缩放显示不同布局；应核对网址和正文，而不是只凭菜单外观判断。
横屏后一定显示桌面导航吗？
不一定。是否展开取决于页面可用宽度和本站布局规则，横屏只是改变空间的一种方式。
参考资料与适用边界
下列一手资料用于核对浏览器操作、布局或链接概念；不同系统和版本的菜单名称可能变化。本文的方法不表示某个同名平台已实现相同功能。