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

Question

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

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

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

这对于向内拉动浏览器非常有用，但是当我在 21 英寸 iMac 上拉伸(stretch)屏幕时，文本对于我所设置的大小 DIV 来说太大了。我如何实现一个解决方案来限制文本的最大字体大小。我可以覆盖上面的这个函数并将最大字体大小设置为 13px 吗？

谢谢

Answer 1

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