css字体怎么随屏幕大小改变

CSS字体可以根据屏幕大小来自适应调整，最常用的方法是使用"vw"或"em"来设置字体大小。

body {
  font-size: 16px;
}

h1 {
  font-size: 4em;
}

p {
  font-size: 2vw;
}

上述代码中，首先将文档的默认字体大小设置为16px。接着，使用"em"来设置标题的字体大小，这意味着标题的大小会根据文档的字体大小来调整。最后，使用"vw"来设置段落的字体大小，即根据视窗宽度来调整。

在实际应用中，还可以使用媒体查询来根据屏幕大小不同设置不同的字体大小。例如：

@media only screen and (max-width: 768px) {
  p {
    font-size: 1.5em;
  }
}

@media only screen and (min-width: 768px) {
  p {
    font-size: 2em;
  }
}

上述代码中，根据屏幕宽度是否超过768像素，分别设置不同的字体大小。

总之，使用响应式字体可以让网页在不同屏幕上拥有更好的可读性和可用性。