css区分移动pc样式

CSS是一种样式语言，它可以控制HTML文档的布局和样式。在开发网页时，我们往往需要区分移动设备和PC端的样式，以适应不同的屏幕尺寸和设备类型。

/* 移动设备样式 */
@media screen and (max-width: 600px) {
  body {
    font-size: 14px;
  }
}

/* PC端样式 */
@media screen and (min-width: 601px) {
  body {
    font-size: 16px;
  }
}

如上所示，我们可以使用@media规则和max-width/min-width属性来区分移动设备和PC端的样式。当屏幕宽度小于等于600px时，应用移动设备样式；当屏幕宽度大于等于601px时，应用PC端样式。

除了字体大小，我们还可以控制其他元素的样式，例如导航栏、图片、按钮等。在开发过程中，我们需要充分考虑不同设备的样式兼容性，在保持页面美观和功能的前提下，为用户提供更好的浏览体验。