窄屏菜单一旦关闭，遮罩不能继续挡住正文和底部快捷

打开菜单时允许暂时锁定滚动

点击左上菜单后，抽屉从左侧滑出，遮罩出现，页面滚动暂时锁定。这一状态只持续到菜单关闭。

关闭动作有三种

点击关闭按钮、点击遮罩或按 Esc 都应关闭抽屉，同时移除遮罩和滚动锁定。关闭后正文链接必须立即恢复点击。

三种常见手机宽度都保持一行

375、390、430 像素宽度下，顶部仍保持菜单、品牌和登录三段式，不折行，不让文字挤压图片。

页面本身不能因为抽屉产生横向滚动

菜单抽屉通过位移进入视口，而不是把正文整体推向右侧，因此页面主体应始终保持在屏幕宽度内。图片、文字和链接也都限制最大宽度，避免 375 像素等窄屏出现左右拖动。

如果设备浏览器本身进行了页面缩放，先恢复正常缩放再检查布局。站点不会通过识别 User-Agent 阻止访问，也不会按设备自动跳到其他页面。