2. 什么是媒体查询? 📱💻🔍
在数字化时代，网页设计和开发需要适应各种设备和屏幕尺寸。媒体查询（Media Queries）是CSS3中的一项强大功能，它允许开发者为不同的设备或屏幕尺寸定义特定的样式规则。简而言之，媒体查询就像是给网站穿上不同尺码的衣服，确保它们在手机、平板电脑或桌面显示器上都能完美呈现。
使用媒体查询的基本语法非常直观：
```css
@media (max-width: 600px) {
body {
background-color: lightblue;
}
}
```
上述代码表示，当屏幕宽度小于或等于600像素时，页面背景色将变为浅蓝色。通过这种方式，设计师可以轻松地调整布局、字体大小甚至是元素的位置，以优化用户体验。
媒体查询不仅限于处理屏幕尺寸，还可以根据设备特性如分辨率、方向等来应用不同的样式。这使得响应式设计成为可能，让网站能够智能地适应任何访问环境。