更改文本大小，以免在更改容器大小时滚动

Question

是否有任何库或最佳方法可以通过在更改容器的宽度或高度时更改文本的文本大小来使容器内的文本可见。

Answer 1

您可以使用媒体查询，这是一个简单的过程，可让您根据容器的大小来修改属性。

I advice you to look at this

在那些示例中，媒体查询用于整个屏幕，但是通过良好的操作，您应该能够做您想做的事。

Answer 2

尝试一下..

p {
    font-size: 16px;
    font-size: 4vw;
}

<p>
  This is sample text. This is sample text. This is sample text.
</p>