如何通過調整使用jQuery的div來調整div的字體大小？

Question

你好，每個人都可以幫助我嗎？ 通過使用此代碼我的字體大小是去beyound父div的大小

這裏

$(divid).resizable({ 
      maxHeight: parseInt(200), 
      maxWidth: parseInt(180), 
      resize: function(event, ui) { 

       var width1 = parseInt(ui.element.css('width')); 
       var height1 = parseInt(ui.element.css('height')); 

       ui.element.css({'font-size': width1+'px'}); 
       ui.element.css({'line-height': height1+'px'}); 
      } 
}); 

其中「DIVID」是父DIV這裏的孩子DIV存在火災調整字體的事件，但我不要'噸字體大小超越父div，文字也不隱藏..

你能幫我嗎？

Answer 1

只需嘗試將width1和height1除以10即可。當然，你可以嘗試更復雜的東西，但這似乎工作得很好。我掀起了一個小演示here。

$(divid).resizable({ 
    maxHeight: parseInt(200), 
    maxWidth: parseInt(180), 
    resize: function(evt, ui) {   
     var width1 = parseInt(ui.element.css('width')), 
      height1 = parseInt(ui.element.css('height')); 
     ui.element.css({ 
      'font-size': (width1/10)+'px', 
      'line-height': (height1/10)+'px' 
     }); 
    } 
}); 

（另請注意，你可以通過一個對象ui.element.css呼叫組合成一個電話。）