用途:帮助开发者掌握现代响应式设计技术,构建能在各种屏幕尺寸与设备环境下自适应显示的界面。资料以技能形式组织,适用于实现移动优先布局、使用容器查询实现组件级响应、创建流式排版与间距体系、用 CSS Grid 与 Flexbox 构建复杂布局、为设计系统制定断点策略、实现响应式图片与媒体、创建自适应导航、构建响应式表格与数据展示等场景。
主要能力:介绍移动优先、基于内容的断点、流式值优先、容器查询、真实设备测试、性能优化、触控目标、逻辑属性等最佳实践,并列举常见问题,包括水平溢出、固定宽度、移动浏览器 100vh 问题、字体过小、触控目标过小、图片比例失真、Z 轴层叠异常。
使用方式:资料指出更详细的模式与示例文档位于 references/details.md,当上方导航层级不足时读取该文件。未提供安装命令或具体代码调用方式。
限制:该技能依赖外部参考文件 references/details.md 展开细节;官方文本为空,未提供版本、平台、收费或效果信息。