首页龙虾技能列表 › Responsive Design — 自适应网页设计

Responsive Design — 自适应网页设计

v?

使用容器查询、流体排版、CSS Grid、移动优先断点、响应式图像和自适应导航,实现响应式布局。

0· 1,600·0 当前·0 累计
by @wpank

运行时依赖

无特殊依赖

安装命令 点击复制

官方clawhub install responsive-design
镜像加速clawhub install responsive-design --registry https://cn.clawhub-mirror.com

技能文档

技能基本信息

  • 名称:Responsive Design — 自适应网页设计
  • Slug:responsive-design
  • 描述:使用容器查询、流体排版、CSS Grid、移动优先断点、响应式图像和自适应导航,实现响应式布局。

# 原始 SKILL.md 内容(假设无其他技术内容,仅示例)

请根据实际的 SKILL.md 内容进行翻译和保留不翻译部分...

示例代码(保留不翻译)

/ 例子:简单的响应式布局 /
.container { display: grid; }
@media (max-width: 768px) { / 移动设备样式 / }

命令行示例(保留不翻译)

# 例子:检查响应式设计工具
npm install responsive-design-checker

数据来源:ClawHub ↗ · 中文优化:龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制

免费技能或插件可能存在安全风险,如需更匹配、更安全的方案,建议联系付费定制

了解定制服务