需要制作具有以下功能的模板：

包含两个容器（行）

第一行是固定大小

底部的大小本身就是最大可用的垂直空间

应该动态调整底部容器内的文本（字体大小）以适应容器高度 。

第一个问题的答案很简单，但在此添加它，因为不知道第二个问题不依赖于它。

这里已经有很多问题要问如何动态调整textarea或输入字段中的文本。 但是这个问题更加特别，因为可能需要计算单词或者其他的来适应容器大小。

可以请某人帮我指点已经完成的jquery或其他任何js / css解决方案吗？

我不是一个网页设计师，并且只想制作一个简单的网页模板，以适应我的文本 - 我知道一点css - 但不是javascript - 因此要求指向任何“准备运行”解决方案的指针，如果存在...

编辑

检查溢出解决方案，这个答案https://stackoverflow.com/a/7138971/869025很好地检测垂直溢出。 现在的问题是，如何在循环中添加上面的溢出javascript检查，什么会将我的字体更改为更小。

为了更好地说明附加两个演示图像...

---

基本上，你需要下一个：

while( is_overflow_in_the_second_div() ) {
    set_smaller_font();
}

所以，你应该检查问题

如何检测滚动条

如何检测溢出

并且像，例如：

有没有办法在div中检测到垂直溢出时触发事件？

检测是否有溢出或没有javascript

如何检测div元素溢出？

检查HTML元素是否具有滚动条

CSS - 如果内容溢出到新行，则应用另一种样式

确定HTML元素的内容是否溢出

也许很多人。

也许你没有搜索正确关键字的问题，但这可能是重复的。 :)

---

我想你可以检查这个问题：JavaScript Scale Text以适应固定Div

据我所知，这就是你需要的。

编辑：我在Gist中发现了一些非常有趣的内容：https：//gist.github.com/mekwall/1263939

链接地址: http://www.djcxy.com/p/87501.html

上一篇: Dynamically resize font size to fit container size

下一篇: Center Oversized Image in Div