用途:antislop-layoutmobile 是 antislop 系统的移动布局技能,需与核心 antislop.md 一起加载。适用于构建或修改需要在任意屏幕宽度下成立的移动或响应式布局任务。核心文件提供机制(目的测试、三个层级、交付门),本技能提供移动布局的深入规则。
主要内容按 Tell/Why/Fix 结构展开,并引用核心规则编号 R-XX,覆盖以下方面:断点(仅桌面布局、按设备清单设断点、移动样式后置、只有两态)、缩放与尺寸(桌面尺寸照搬、固定 px 字体、100vh 区块、过大空白内边距)、栅格与堆叠(列不折叠、固定宽度栅格、强制 12 列)、溢出(横向滚动泄漏、overflow:hidden 裁切、固定宽度子元素)、点击目标(过小、相邻过近、仅悬停交互)、移动导航(导航保持桌面式、裸汉堡按钮、底部导航遮挡内容、粘性导航占屏)。
使用方式:与 antislop.md 一同加载;文末“Layoutmobile Skill Checklist”作为核心交付门的移动端补充清单,需逐项回答“是”,包括是否重排为独立移动状态、各宽度区间是否有定义状态、尺寸是否采用移动缩放、多列栅格是否折叠堆叠、是否无横向溢出与裁切、交互目标是否至少 44x44 px 且有间距、仅悬停交互是否有点击等价物、导航是否重排为移动模式、固定导航是否不遮挡内容并尊重安全区、是否在移动断点验证。
限制:仅覆盖响应式与移动布局规则,不涉及具体框架或代码实现;资料未提供安装命令、收费与价格信息,也未提供其他平台支持信息。无法确定具体项目适配情况。