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只能在窗口大小調整時才起作用？

回答

相關問題