运行时依赖
无特殊依赖
安装命令
点击复制官方npx clawhub@latest install responsive-design
镜像加速npx clawhub@latest install responsive-design --registry https://cn.longxiaskill.com
技能文档
技能基本信息
- 名称：Responsive Design — 自适应网页设计
- Slug：responsive-design
- 描述：使用容器查询、流体排版、CSS Grid、移动优先断点、响应式图像和自适应导航，实现响应式布局。
# 原始 SKILL.md 内容（假设无其他技术内容，仅示例）
请根据实际的 SKILL.md 内容进行翻译和保留不翻译部分...
示例代码（保留不翻译）
/ 例子：简单的响应式布局 /
.container { display: grid; }
@media (max-width: 768px) { / 移动设备样式 / }
命令行示例（保留不翻译）
# 例子：检查响应式设计工具
npm install responsive-design-checker