javascript - 自动缩放文本以适合 div

Question

你好，我有一个以网格方式显示数据的应用程序，这里是下方网格中的“ block ”之一。在从 JSON 文件中填充数据并填充 div 的 Div 中。

所有元素的数据限制为 4 个字符(0 到 9999 之间的数字)。但是，当其中有 1 个字符时，它看起来太小了，因为我必须保持字体大小相当小，所以当超过 1000 个字符时，它不会溢出。

我的问题是什么是独立自动调整每个 div 的字体大小的最佳方法，以便它始终适合最大尺寸

 <div class="box">
        <div class="Top">ZW01025</div>
        <div id="ZW01025" class="Midbox">
        </div>
        <div id="ZW01025b" class="Midbox">
        </div>
        <div id ="ZW01025C" class="BottomboxPercent">
        </div>
        <div id ="ZW01025D" class="BottomboxPercent">
        </div>
        <div id ="ZW01025p" class="Bottombox">
        </div>

    </div>

他是一个完整的 fiddle ，它不太适合 Js fiddle http://jsfiddle.net/RYU54/3/

Answer 1

如果您可以使用 JavaScript 解决方案，我会查看 flowtype.js

http://simplefocus.com/flowtype/