将字体大小调整为 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> 大得多。

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

Answer 1

嗯.. 这应该能让你到达那里，对吧？

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

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