移动展示文字 css

/* 使用媒体查询根据屏幕尺寸调整文字大小 */
@media (max-width: 600px) {
  body {
    font-size: 14px;
  }
}

@media (min-width: 601px) and (max-width: 1024px) {
  body {
    font-size: 16px;
  }
}

@media (min-width: 1025px) {
  body {
    font-size: 18px;
  }
}

/* 设置容器宽度并使用overflow属性处理溢出 */
.container {
  width: 100%;
  overflow: auto;
}

/* 使用text-overflow属性处理溢出文本 */
.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 使用通用字体或Web字体 */
body {
  font-family: Arial, sans-serif;
}

/* 使用Web字体 */
@font-face {
  font-family: 'CustomFont';
  src: url('CustomFont.woff2') format('woff2'),
       url('CustomFont.woff') format('woff');
}

body {
  font-family: 'CustomFont', sans-serif;
}