html中字体怎么设置弹性

在HTML中，字体弹性是一种非常有用的技能。字体弹性可以让字体的大小根据屏幕的大小自动调整，使网页在不同屏幕上显示的字体大小看起来更自然。

// 样式表代码
body {
  font-size: 16px;
}

h1 {
  font-size: 2em;
}

p {
  font-size: 1.2em;
}

@media only screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
  
  h1 {
    font-size: 1.8em;
  }
  
  p {
    font-size: 1em;
  }
}

@media only screen and (max-width: 480px) {
  body {
    font-size: 12px;
  }
  
  h1 {
    font-size: 1.6em;
  }
  
  p {
    font-size: 0.9em;
  }
}

在上面的样式表代码中，我们首先定义了基本的字体大小为16像素。然后，我们定义了标题（h1）的字体大小为2em，段落（p）的字体大小为1.2em。

接下来，我们使用媒体查询（media query）来适应不同的屏幕大小。当屏幕宽度小于等于768像素时，我们将字体大小调整为14像素（body），1.8em（h1），1em（p）。当屏幕宽度小于等于480像素时，我们再次将字体大小调整为12像素（body），1.6em（h1），0.9em（p）。

通过使用字体弹性，我们可以更好地适应不同屏幕大小，为用户提供更好的体验。