我知道用Javascript可以很容易地解决这个问题，但我只对纯CSS解决方案感兴趣.
我想要一种动态调整文本大小的方法，使其始终适合固定的div.以下是示例标记:
<div style="width: 200px; height: 1em; overflow: hidden;">
<p>Some sample dynamic amount of text here</p>
</div>我在想，也许可以通过在EMS中指定容器的宽度，并获取字体大小来继承该值，或许可以做到这一点？
我知道用Javascript可以很容易地解决这个问题，但我只对纯CSS解决方案感兴趣.
我想要一种动态调整文本大小的方法，使其始终适合固定的div.以下是示例标记:
<div style="width: 200px; height: 1em; overflow: hidden;">
<p>Some sample dynamic amount of text here</p>
</div>我在想，也许可以通过在EMS中指定容器的宽度，并获取字体大小来继承该值，或许可以做到这一点？
Note: This solution changes based on viewport size and not the amount of content个
我刚刚发现，这是可能的使用大众单位.它们是与设置视口宽度相关联的单位.有一些缺点，比如缺乏对传统浏览器的支持，但这绝对是需要认真考虑使用的.另外，您仍然可以为较旧的浏览器提供后备功能，如下所示:
p {
font-size: 30px;
font-size: 3.5vw;
}
http://css-tricks.com/viewport-sized-typography/个 和 https://medium.com/design-ux/66bddb327bb1