前端怎么实现容器大小不变 字少字体变大 字多字体变小

在前端中，可以使用 CSS 的 font-size 属性来实现文字大小的自适应。具体方法是，在容器的样式中设置 font-size 为 0，然后在内部元素的样式中设置需要的字体大小，并使用 rem 单位进行设置。这样可以根据父容器的大小自动调整字体大小，从而实现容器大小不变时，字少字体变大，字多字体变小的效果。例如：

HTML 代码：

<div class="container">
  <p>这是一段文字。</p>
</div>

CSS 代码：

.container {
  width: 300px;
  height: 200px;
  font-size: 0;
}

.container p {
  font-size: 2rem;
}