媒体查询

基本语法

@media screen and (max-width: 768px) { } 内写仅在小屏生效的样式。

移动优先

先写默认小屏样式，再用 min-width 逐级增强大屏，或相反策略，团队统一即可。

小结

与 Flex、Grid 的 auto-fit 等配合，可减少硬编码断点数量。