使用CSS/javascript/jquery实现max-font-size样式规则

Question

我正在使用此代码动态调整文本大小:

function fontResize(){
   $('.features').css('font-size', ($(window).width()/100) + 'px');
}

fontResize();
$(window).resize( function () {fontResize()});

这对于向内拉浏览器非常有用,但是当我在21英寸iMac上拉伸屏幕时,文字对于我所拥有的设置尺寸DIV来说太大了.我怎么能实现一个解决方案,我可以限制最大字体大小在文本上.我能否覆盖上面的这个功能,并将最大字体大小设置为13px？

谢谢

Answer 1

function fontResize(){
   var size = $(window).width()/100;
   if ( size < 13 )
       $('.features').css('font-size', size + 'px');
}