更改字体大小以适合可变宽度容器

2 回答

• 0

  从 variablewidth 类中删除 height .

  您将要使用TextFill的 widthOnly 选项，并在窗口 resize 事件上更新：

  $(window).resize(function() {
    $('.variablewidth').textfill({ 
      maxFontPixels: 250,
      widthOnly: true 
    });
  });
  
  $(window).resize();
  

  小提琴

  ---

  Update

  您可以将高度设为宽度函数，如下所示：

  function updateTextFill() {
    $('.variablewidth')
      .height($('.variablewidth').width()/2)
      .textfill({
        maxFontPixels: 250
      });
  };
  

  但请注意， maxFontPixels 中可能存在错误，如我们的评论中所述 .

  小提琴＃2

  回复于 2024-04-25T09:33:48+08:00
• 1

  快速jQuery插件：
  http://www.jqueryscript.net/text/jQuery-Plugin-For-Auto-Resizing-Text-textfill.html

  好的演示：
  http://www.jqueryscript.net/demo/jQuery-Plugin-For-Auto-Resizing-Text-textfill/

  回复于 2024-04-25T09:33:48+08:00