javascript - 使用 jQuery css() 函数更改字体大小会使 Chrome 崩溃

Question

所以我有这段代码可以在 FF 和 IE8 中完美运行，但它会导致 Chrome 崩溃:

while($('#movie-info .vote').height()>30) {
    $size = $('#movie-info .vote').css('font-size').replace('px','');
    $('#movie-info .vote').css('font-size',($size-0.5)+'px');
}

Answer 1

我猜这是因为 chrome 不允许 font-size 低于某个限制，但是当 font-size 达到限制时，高度仍然 > 30..?

我认为你应该避免 for 循环，而是立即重新计算最佳字体大小，具体取决于 '#movie-info .vote' 高度..

更新

要有一行行，隐藏延续，使用这样的东西:

#movie-info .vote {
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden;
    white-space: nowrap;
}

在这里试试这个:http://jsfiddle.net/fvcHd/4/