我知道用Javascript可以很容易地解决这个问题，但我只对纯CSS解决方案感兴趣
我想要一种动态调整文本大小的方法，使其始终适合固定的div。以下是示例标记：
<；div style=“宽度：200px；高度：1em；溢出：隐藏”>；
<；p>；此处的一些示例动态文本量</p>；
</部门>我在想，也许这可以通过在ems中指定容器的宽度，并获取字体大小来继承该值来实现
注意：此解决方案根据视口大小而不是内容量进行更改
我刚刚发现，这是可能的使用大众单位。它们是与设置视口宽度相关联的单位。存在一些缺点，如缺少传统浏览器支持，但这绝对是一个值得认真考虑的问题。此外，您还可以为较旧的浏览器提供回退，例如：
p{
字体大小：30px；
字体大小：3.5vw；
}
http://css-tricks.com/viewport-sized-typography/
和
https://medium.com/design-ux/66bddb327bb1