SuperAPI AI 工具集

m-responsive

前端与建站

查看项目

更新于 10-16 06:01

技能介绍

m-responsive — 响应式检查

m-responsive 是一个响应式检查技能,用于在关键断点下验证页面的响应式行为。

用途

该技能用于检查页面在不同屏幕宽度下的布局与可用性表现,覆盖响应式设计中最常见的几类问题:横向溢出、文本可读性、触控可用性、间距一致性和内容完整性。

主要能力

根据提供的说明,m-responsive 要求在以下宽度下进行测试:

  • 320px
  • 375px
  • 768px
  • 1024px
  • 1280px
  • 1440px

在每个断点下检查以下五项:

  1. 无横向溢出(No horizontal overflow)
  2. 行宽为 45-75 个字符(Line measure 45-75 characters)
  3. 移动端触控目标为 44x44px(Touch targets 44x44px on mobile)
  4. 间距按比例缩放(Spacing scales proportionally)
  5. 无隐藏的重要 content(No hidden essential content)

使用方式

资料中仅给出该技能的调用名称 /m-responsive 及其检查清单,未提供具体安装命令、配置方式或集成步骤,暂未提供。

适用场景

适合在前端开发、页面评审或响应式适配验收阶段使用,用于系统性地检查页面在移动端、平板和桌面端常见宽度下的表现。

限制

资料未说明该技能支持的框架、运行环境、自动化程度或输出形式,暂未提供。