动态字体大小调整

Question

我在TD元素中有一个div标签，必须在一定的大小（在characaters中）。这是我设置的缩小字体大小以保持宽度的代码。

我想知道在这种情况下是否可以查看最大字符60，然后对于10以上的每个60字符，它会减少到字体大小.1em。

注意：我使用数字10和.1作为示例。我当然会使用这两个数字来实现我所需要的。

这是我现在的代码：http://jsfiddle.net/Hn46H/31/。

简短版本是：

var varCarrier1 = document.getElementById('DivCarrier1').innerHTML;

// Check Carrier 1 length to determine the font size.

if (varCarrier1.length >= 60) {
    DIVCarrier1.style.fontSize = ".55em";
}

if (varCarrier1.length >= 97) {
    DIVCarrier1.style.fontSize = ".45em";
}