css根据屏幕动态设置字体大小

要根据屏幕动态调整字体大小，你可以使用 CSS 中的 `@media` 查询和 `vw`（视窗宽度）单位来实现响应式的字体大小。

首先，你可以使用 `@media` 查询来定义不同屏幕尺寸下的字体大小。例如，你可以在 CSS 中添加以下代码：

@media screen and (max-width: 768px) {
  html {
    font-size: 14px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  html {
    font-size: 16px;
  }
}

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

在上述代码中，我们定义了三个不同的屏幕尺寸下的字体大小：小于等于 768px 宽度的屏幕字体大小为 14px，769px 到 1024px 宽度的屏幕字体大小为 16px，大于等于 1025px 宽度的屏幕字体大小为 18px。你可以根据自己的需求进行调整。

接下来，你可以使用 `vw` 单位来设置字体大小，它是相对于视窗宽度的单位。例如，你可以这样设置字体大小：

.my-text {
  font-size: 4vw;
}

这样，`.my-text` 元素的字体大小将根据视窗宽度进行动态调整，以确保在不同屏幕尺寸下字体大小的合适性。你可以根据需要调整 `4vw` 的值来控制字体大小的比例。

综合使用 `@media` 查询和 `vw` 单位，你可以实现根据屏幕动态设置字体大小的效果。