如何将字体大小作为它的div的百分比？

Question

我在基于百分比的div中有一个标题，当这个div的大小发生变化时要调整的字体大小我已经阅读了Viewport Sized Fonts（vw，vh，vim）上的问题但不幸的是那些不是由chrome支持。

.intro-text {
    position: absolute;
    top: 50%;
    left: 30%;
    height: 343px;
    width: 40%;
    margin-top: -172.5px;
    text-align: center;
}

必须有一种方法可以在CSS中执行此操作...

Answer 1

在当前的CSS2和CSS3中，您无法将font-size的{​​{1}}设置为除父div的{​​{1}}以外的任何内容，但CSS3中您可以设置它到视口（我相信这是支持的，但是有缺陷），但不是相对于父font-size div。

您可以使用javascript来衡量div并设置孩子width的{​​{1}}，但更好的想法可能是使用可以通过调整自身来调整自身大小的文字图像div，因此它总是完全填充父font-size。