我正在使用 fittext JS 插件来调整我正在处理的页面上的标题大小。出于某种原因,它仅在您调整窗口大小时才会启动,我似乎无法弄清楚它为什么会这样做。
有人有想法么?这是一个链接:http: //voltagenewmedia.ca/testserver/dry/#/homepage
谢谢!
我正在使用 fittext JS 插件来调整我正在处理的页面上的标题大小。出于某种原因,它仅在您调整窗口大小时才会启动,我似乎无法弄清楚它为什么会这样做。
有人有想法么?这是一个链接:http: //voltagenewmedia.ca/testserver/dry/#/homepage
谢谢!
对于那些仍然有问题的人,这个修复对我有用
替换里面的这段代码jquery.fittext.js
// Call once to set.
resizer();
有了这段代码,
$(window).load(function(){
resizer();
});
我刚刚遇到了一个让我发疯的类似问题。保存我的文本的元素无法在它的容器内缩小,因为最大字体大小太大,所以我从父容器的宽度开始。然后我在初始化后只使用一次 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});
});
您的链接已关闭,因此我实际上无法看到问题所在。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 加载完毕才使用插件?