将font-size调整为div的宽度

Question

我有以下html：

<div class="title">
    <span>Some title</span>
</div>

我需要跨度的font-size相对于div的宽度。我用vw：

尝试了

.title span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 5vw;
}

但这不是解决方案，因为视口的容器似乎不是<div class="title">，因为当我将其设置为5vw时，它比我的<div>大得多。

那么如何设置font-size <span>相对于它的父div。

Answer 1

好吧..这应该让你到那儿，对吗？

根据元素.width写一个简单的if / else条件！

if($('div.banner').width() < 800)
{
 //do first
 $('div.banner').css("font-size", newFontSize);
}
else
{
 // do else
}