请解释CSS媒体查询的基本原理，并举例说明如何为响应式布局编写媒体查询规则。

Question

Accepted Answer

考察点：考察响应式设计与CSS媒体查询的掌握程度。回答思路：说明媒体查询的语法和适用场景 能写出带有min-width/max-width的典型示例 理解断点选择与移动优先策略 能结合视口单位或flex/grid说明布局适配

考察说明