css媒体查询不起作用,css媒体查询不生效,css3媒体查询,css媒体查询 @media,css媒体查询的优点,css媒体查询手机端
CSS 媒体查询是一种技术，可以根据设备的属性（如屏幕大小、分辨率等）来动态地改变网页的样式和布局，从而实现响应式设计。使用媒体查询，可以为不同设备或设备旋转方向提供不同的样式，并在不同的屏幕尺寸下重新排列页面元素。

下面是一个 CSS 媒体查询的示例，该示例将在屏幕宽度小于 600px 时将背景颜色更改为黄色：

css
/* 默认样式 */
body {
background-color: white;
}

/* 在屏幕宽度小于 600px 时应用的样式 */
@media (max-width: 600px) {
body {
background-color: yellow;
}
}


在上面的代码中，@media 表示这是一个媒体查询块，(max-width: 600px) 是一个条件，表示当屏幕宽度小于等于 600 像素时，将应用媒体查询中定义的样式。在括号内的条件可以是任何合法的 CSS 属性，例如 min-width、max-height、orientation 等等。

除了上面的示例，还有很多其他的媒体查询方式和示例，例如针对打印机、语言设置、高分辨率显示器等的媒体查询。