🏷️ #响应式
移动端视口分为视觉视口和逻辑视口，理解两者区别是响应式设计的基础。本文详细讲解视口概念和meta标签用法。
响应式图片是前端性能优化的重要环节，本文讲解srcset、sizes属性和picture标签的用法。
响应式容器不应该用固定宽度，本文分享3次踩坑经验，讲解max-width、vw单位和流体容器的最佳实践。
Flexible.js是早期移动端适配方案，通过动态设置rem实现响应式。本文回顾其原理和使用方法。
CSS中em和rem都是相对单位，但参考对象不同。本文详细讲解两者的区别、计算方式和最佳使用场景。
CSS Grid是强大的二维布局系统，本文从grid-template-columns基础讲起，涵盖fr单位、gap间距、网格区域等核心概念，附带实战案例。