Menu
响应式设计规范 —— 移动优先、断点系统、弹性布局与多设备视觉一致性
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
架构设计模式参考 —— 常见架构风格的决策框架、优劣对比与适用场景
认证授权模式 —— JWT、OAuth 2.0、RBAC、ABAC 等主流机制的选型与实现指南
浏览器兼容性检查 —— 目标浏览器覆盖率、特性支持度验证与降级策略
缓存策略参考 —— 多级缓存架构、失效策略、缓存穿透/击穿/雪崩防护
数据建模方法 —— ER 模型、领域驱动数据建模、JSON Schema 设计与数据字典维护
数据库设计规范 —— 范式设计、索引策略、分库分表、命名约定与迁移管理
| name | responsive-design |
| description | 响应式设计规范 —— 移动优先、断点系统、弹性布局与多设备视觉一致性 |
| category | 前端 |
| loading | on-demand |
| triggers | {"keywords":["响应式","responsive","移动端","适配","断点","media query","自适应"]} |
提供从设计到实现的响应式 Web 设计完整规范，覆盖移动优先策略、断点体系、弹性布局和跨设备测试方案。
min-width 媒体查询逐步增强。移动优先天然限制内容优先级和性能。%、vw、fr、flex、grid，px 仅用于最小/最大限制。@media (min-width: 640px)）@media (min-width: 1024px)）@media (min-width: 1440px)）srcset / sizes / 懒加载）？