css媒体查询不起作用,css媒体查询不生效,css媒体查询的优点,css媒体查询是什么,请说明css媒体查询的作用以及优点,媒体查询html
CSS3 媒体查询是一种用于在不同设备上定制样式表的技术。使用媒体查询，可以根据屏幕尺寸、设备方向、分辨率等不同条件为网站或应用程序提供不同的布局和样式。

具体来说，CSS3 媒体查询包括一个条件表达式和一组要应用的 CSS 样式规则。只有满足条件表达式的设备才会应用这些规则。例如，以下代码将在屏幕宽度小于 768 像素时应用特定的样式：


@media (max-width: 767px) {
body {
font-size: 14px;
}
}


在这个例子中，条件表达式 (max-width: 767px) 表示只有屏幕宽度小于 768 像素时才会应用样式。样式规则 { font-size: 14px; } 将使文本大小降低到 14 像素。

另一个常见的例子是针对打印机的样式表。以下代码将在打印时隐藏导航菜单和页脚：


@media print {
nav, footer {
display: none;
}
}


在这个例子中，条件表达式 print 表示只有在打印时才会应用样式。样式规则 { display: none; } 将隐藏导航菜单和页脚。