@media媒体查询

@media是一个CSS媒体查询的关键字，用于指定在特定设备或特定设备属性下应用的样式规则。媒体查询可以检测宽度、高度、方向、分辨率等属性，并根据这些属性来应用不同的样式规则。例如，以下代码将在视口宽度小于等于768像素时应用样式规则：

@media (max-width: 768px) {
  /* 在视口宽度小于等于768像素时应用的样式规则 */
}

媒体查询可以帮助开发人员通过针对不同设备和屏幕大小提供不同的布局和样式来创建响应式网站。