Javascript jQuery调整文本行大小以适应Div宽度

我正在使用下面的脚本调整单行字符串的大小，以适合div框

<script type="text/javascript"> 
    $( '.test' ).css( 'font-size', 0 ).each(function ( i, box2 ) {
        var width = $( box2 ).width()
        var line = $( box2 ).wrapInner( '<span style="white-space:nowrap">' ).children()[ 0 ];
        function changeFontSize( n ) {
            $( box2 ).css( 'font-size', function ( i, val ) {
                                            return parseInt( val, 10 ) + n; });
                                        })
        while ( $( line ).width() < width ) { changeFontSize( 1 ); }
        changeFontSize( -1 );
        $( box2 ).text( $( line ).text() );
    });
</script>

$（'.test'）.css（'font size'，0）。每个（函数（i，第2框）{
变量宽度=$（框2）.width（）
变量行=$（box2）.wrapInner（''）.children（）[0]；
函数changeFontSize（n）{
$（box2）.css（'font size'，function（i，val）{
返回parseInt（val，10）+n；}）；
})
while（$（line）.width（）

这个脚本在Firefox、Chrome和opera中运行得非常完美。但是，在IE中，如果用户处于兼容模式，则会出错并锁定浏览器。我对旧的浏览器了解不够，不知道我添加了哪些不兼容的浏览器

---

非常感谢任何帮助。

这是格式错误的，可能会闯入IE，它总是很敏感

<span style="white-space:nowrap">

应该是

<span style="white-space:nowrap;">

---

“在兼容模式下，it错误”-您是否确实收到错误消息？如果是，是什么？（也许IE只是因为你的代码中缺少换行符而感到困惑？我知道是的。）没有错误，它的行为就像有一个未闭合的循环