css媒体查询pc端屏幕尺寸

CSS媒体查询是一种针对不同设备、不同屏幕尺寸的CSS样式调用方法，可以让网页在不同设备上显示出最佳效果。

在PC端屏幕尺寸中，我们可以设置三种不同的屏幕尺寸范围：

/* PC大屏幕 */
@media screen and (min-width: 1200px) {
  /* 样式 */
}

/* PC中屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* 样式 */
}

/* PC小屏幕 */
@media screen and (max-width: 991px) {
  /* 样式 */
}

当PC端宽度大于等于1200像素时，属于大屏幕范围，我们可以针对大屏幕中需要特别设置的样式进行设置。

当PC端宽度在992-1199像素之间时，属于中屏幕范围，我们可以针对中屏幕中需要特别设置的样式进行设置。

当PC端宽度小于等于991像素时，属于小屏幕范围，我们可以针对小屏幕中需要特别设置的样式进行设置。

通过CSS媒体查询，我们可以为不同的屏幕尺寸范围编写自己的CSS样式，从而使得用户在浏览不同设备上的网页时都可以获得最佳的浏览效果。