响应式网页设计是现代网页开发的标准，需要掌握媒体查询和弹性布局的使用。
一、响应式设计概述
响应式设计的概念、重要性、设计方法。
二、媒体查询
@media规则、断点设置、设备适配、方向检测。
三、弹性布局
使用Flexbox、弹性容器、弹性项目、对齐方式。
四、网格布局
使用Grid、网格容器、网格项目、响应式网格。
五、图片响应式
使用srcset、picture元素、响应式图片、懒加载。
六、响应式网页设计最佳实践
移动优先、灵活布局、图片优化。
关注公众号