Javascript 更改动态添加元素的字体大小

我有一个固定的宽度/高度，我计划动态地向其中添加元素。我所尝试的是那些添加的元素的字体越少，因为它们会有一个点不适合父元素

如果我缩放浏览器窗口，我就可以进行字体缩放…但这不是计划：）

不管用什么方法（css/js/jquery），这可能吗

请参见此JSFIDLE示例：

示例代码：

.bottom{
背景色：#fff；
文本对齐：居中；
保证金：0px自动；
填充：10px 5px 5px 5px；
边缘顶部：5px；
宽度：420px；
高度：150像素；
边框：实心#ff9400；
边界半径：10px；
显示：内联块；
溢出：隐藏；
框阴影：插入0 10px#000000；
}
.aside3{
颜色：#FFB894；
背景色：#666；
字号：1.5em；
利润上限：-11px；
左边距：-8px；
宽度：103%；
边框左上半径：10px；
边框右上角半径：10px；
文本阴影：1px 1px 1px 111，-1px-1px 1px 999，1px-1px 1px 111，-1px 1px 1px 999；
}
.linksites{
显示：内联flex；
浮动：中心；
文本对齐：对齐；
字体大小：粗体；
颜色：橙色；
字母间距：.15em；
字体大小：30px；
文字装饰：无；
文本呈现：优化易读性；
过渡：2秒轻松；
-webkit过渡：2秒轻松；
-moz转换：2s容易；
文本阴影：1px-1px 0#767676，-1px 2px 1px#737272，-2px 4px 1px#767474
}
.linksites:悬停{
文字装饰：无；
字体大小：2.5vwx；
-webkit转换：规模（1.1,1.1）；
-moz变换：比例（1.1,1.1）；
-ms变换：比例（1.1,1.1）；
}

联系人

使用jQuery，您可以根据执行类似操作的元素数量动态更改css值

if ($('a.linksites').length>9 && $('a.linksites').length<13) {
    $('.linksites').css('font-size','20px')
}

if（$（'a.linksites'）.length>9&&$（'a.linksites'））.length检查这两个问题，您可以更改字体大小或更改div大小，这是您想要的吗？@Greevman阅读getComputedStyle很好，真的非常感谢。Cheers解决方案在我计算元素的数量以及它们所需的大小时尝试了它，并成功了。请注意，标签列表中插入了javascript所以可以动态添加/删除，除非我看到它们溢出父div，否则我无法知道它何时更改。我认为有一种方法可以在添加/删除标记时动态调整a标记上文本的大小，以保持在div内而不溢出。可能无法动态执行：（@alejandro如果存储标签的空间是固定的，并且您已经预先计算了标签数量所需的字体大小，那么您可以在脚本中调用上述条件，在div中添加/删除标签。如果我不知道标签的数量，脚本会从数据库中获取标签，因此数量可以增加或减少更正：包含标签的div大小是固定的，但标签的数量是未知的。我发布了这么多的内容来了解它们是如何溢出div的，而不是减少文本大小以适应需要。