CSS 响应式设计

CSS 响应式设计通过媒体查询（media queries）实现，允许根据设备的屏幕尺寸、方向、分辨率等条件应用不同的样式。媒体查询的基本语法是 @media 媒体类型 and (媒体特性) { CSS 规则 }。常用的媒体特性包括：width（宽度）、height（高度）、max-width（最大宽度）、max-height（最大高度）、orientation（方向）等。结合弹性布局和相对单位，可以创建适应不同设备的响应式网页。