大小风格规则与CSS / javascript / jquery

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

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

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

这对于向内拉动浏览器非常有用，但是当我在21“iMac上伸出屏幕时，文本太大而无法达到DIV设置的大小。我如何实现一个解决方案，从而可以限制最大字体大小在文本上。我能否覆盖上面的这个函数，并把最大字体大小为13px？

谢谢

---

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

---

您可以实现一个sizeRange来定义最大和最小字体大小。

function fontResize(){
  var sizeRange = [6, 13];  
  var size = $(window).width()/100;

  if ( size <= sizeRange[1] && size >= sizeRange[0] ) {
    $('.features').css('font-size', size + 'px');
  } else {
    // font-size out of range
  }
}

链接地址: http://www.djcxy.com/p/15329.html

上一篇: size style rule with CSS/javascript/jquery

下一篇: How can I change font size in Eclipse for Java text editors?