css media pc

CSS Media Query是一种CSS技术，允许我们根据不同设备和屏幕尺寸应用不同的样式和布局。根据设备类型和屏幕尺寸，我们可以使用不同的CSS属性和功能来调整网站的外观，使其在多种设备上都能够良好地显示。

在PC上使用CSS Media Query时，我们可以使用以下代码示例：

@media only screen and (min-width: 1024px) {
    body {
        font-size: 16px;
    }
    .container {
        width: 960px;
        margin: 0 auto;
    }
}

上面的代码段告诉我们，当屏幕宽度为1024像素或更大时，应用这些样式。在这种情况下，我们将调整文字大小并将整个网站的容器宽度设置为960像素，并将其水平居中于屏幕。

当我们在不同的设备上查看我们的网站时，CSS Media Query允许我们适应屏幕的大小，以便在各种不同的设备上获得最佳的外观和表现。