Реализовать правило стиля max-font-size с помощью CSS / javascript / jquery

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');
}

Answer 2

Вы можете реализовать 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
  }
}