Fittext只能在窗口大小调整时才起作用？

我正在使用fittext JS插件来调整我正在处理的页面上的标题。出于某种原因，只有当您调整窗口大小时才会启用，我似乎无法弄清楚为什么它会这样做。Fittext只能在窗口大小调整时才起作用？

任何人有任何想法？这里是一个链接： http://voltagenewmedia.ca/testserver/dry/#/homepage

谢谢！

2012-07-18 matt

我遇到同样的问题。你是否处理了这个问题？ – 2012-07-26 19:43:12

您的链接已关闭，因此我实际上看不到问题所在。 Fittext应该立即调整大小，然后更新调整大小：

// Resizer() resizes items based on the object width divided by the compressor * 10 
    var resizer = function() { 
    $this.css('font-size', Math.max(Math.min($this.width()/(compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize))); 
    }; 

    // Call once to set. 
    resizer(); 

    // Call on resize. Opera debounces their resize by default. 
    $(window).on('resize', resizer);

您是否在等待DOM使用插件之前加载？

来源

2012-07-18 05:22:17 Bill

对不起服务器似乎有问题，它应该很快。你能解释我应该如何加载DOM？不确定你的意思。预先感谢一堆。 – matt 2012-07-18 05:40:57

网站现在备份，如果有帮助:)提前致谢。 – matt 2012-07-18 15:52:44

所以它似乎工作，但即时通讯设置字体大小的问题，我想字体稍大，然后它的显示现在，但仍然我不是100％正常工作。 – matt 2012-07-19 04:45:59

对于那些谁仍然有问题，此修复程序适用于我

更换内部jquery.fittext.js

// Call once to set. 
resizer();

有了这个代码的代码，

$(window).load(function(){ 
    resizer(); 
});

来源

2014-02-10 12:04:27

我只是跑成类似的问题使我疯狂。包含我的文本的元素无法在其容器中收缩，因为最大字体太大，所以我从父容器的宽度开始。然后，我只是在初始化后使用fittext算法来正确加载它，并且它似乎解决了这个问题。

$("#hero").find('h1').fitText(.65, { maxFontSize: '142px' }); 

$("#hero").find('h1').each(function(){ 
    startSize = Math.max(Math.min($('#hero').width()/(compressor.*10))); 
    $(this).css({'font-size':startSize}); 
});

来源

2014-05-04 16:34:04 Justin

Fittext只能在窗口大小调整时才起作用？

回答

相关问题