Menü
响应式设计规范 —— 移动优先、断点系统、弹性布局与多设备视觉一致性
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
架构设计模式参考 —— 常见架构风格的决策框架、优劣对比与适用场景
认证授权模式 —— 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 / 懒加载）？