m-responsive — 响应式检查
m-responsive 是一个响应式检查技能,用于在关键断点下验证页面的响应式行为。
用途
该技能用于检查页面在不同屏幕宽度下的布局与可用性表现,覆盖响应式设计中最常见的几类问题:横向溢出、文本可读性、触控可用性、间距一致性和内容完整性。
主要能力
根据提供的说明,m-responsive 要求在以下宽度下进行测试:
- 320px
- 375px
- 768px
- 1024px
- 1280px
- 1440px
在每个断点下检查以下五项:
- 无横向溢出(No horizontal overflow)
- 行宽为 45-75 个字符(Line measure 45-75 characters)
- 移动端触控目标为 44x44px(Touch targets 44x44px on mobile)
- 间距按比例缩放(Spacing scales proportionally)
- 无隐藏的重要 content(No hidden essential content)
使用方式
资料中仅给出该技能的调用名称 /m-responsive 及其检查清单,未提供具体安装命令、配置方式或集成步骤,暂未提供。
适用场景
适合在前端开发、页面评审或响应式适配验收阶段使用,用于系统性地检查页面在移动端、平板和桌面端常见宽度下的表现。
限制
资料未说明该技能支持的框架、运行环境、自动化程度或输出形式,暂未提供。