我正在使用以下脚本来调整单行字符串的大小以适合 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>
该脚本在 Firefox、Chrome 和 Opera 中完美运行。但是，在 IE 中，如果用户处于兼容模式，则会出错并锁定浏览器。我对较旧的浏览器了解不多，无法知道我添加的不兼容的内容。
任何帮助是极大的赞赏。