css媒体查询屏幕自适应

媒体查询是一种使网站响应式布局的技术，它可以根据不同的设备屏幕尺寸和分辨率调整网页的样式和布局。通过使用CSS中的@media规则，可以在不同的屏幕尺寸上应用不同的样式，从而实现屏幕自适应。

例如，以下代码将在屏幕宽度小于600像素时应用不同的样式：

@media (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

这段代码表示当屏幕宽度小于600像素时，将body元素的背景颜色设置为浅蓝色。这样就可以针对不同屏幕尺寸和分辨率来调整网页的样式和布局，从而实现屏幕自适应。