回答

在 CSS 中，无法直接判断是否是移动端访问。但是，可以通过媒体查询（Media Query）来实现针对不同设备类型、屏幕尺寸和分辨率的样式调整。媒体查询是一种 CSS 技术，允许根据设备的特性（例如宽度、高度、分辨率）应用不同的样式。

下面是一些常用的媒体查询示例：

针对所有移动设备的媒体查询：

 @media only screen and (max-width: 767px) {
     /* 适用于最大宽度为 767px 的设备，即大部分手机 */
     body {
         background-color: lightblue;
     }
 }

针对特定设备的媒体查询：

iPhone 5/SE:

  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
      /* 适用于 iPhone 5/SE */
      body {
          background-color: lightgreen;
      }
  }

iPad:

  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* 适用于 iPad */
      body {
          background-color: lightyellow;
      }
  }

针对视网膜显示屏的媒体查询：

 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
     /* 适用于视网膜显示屏 */
     body {
         background-color: lightcoral;
     }
 }

针对横屏和竖屏的媒体查询：

竖屏：

  @media only screen and (orientation: portrait) {
      /* 适用于竖屏模式 */
      body {
          background-color: lightpink;
      }
  }

横屏：

  @media only screen and (orientation: landscape) {
      /* 适用于横屏模式 */
      body {
          background-color: lightgoldenrodyellow;
      }
  }

通过这些媒体查询，可以为不同类型的设备和屏幕尺寸设计不同的样式，从而实现对移动端和桌面端访问的区分和适配。