Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Fittext仅在调整窗口大小时才起作用?_Javascript_Jquery_Responsive Design - Fatal编程技术网

Javascript Fittext仅在调整窗口大小时才起作用?

Javascript Fittext仅在调整窗口大小时才起作用?,javascript,jquery,responsive-design,Javascript,Jquery,Responsive Design,我正在使用fittextjs插件调整我正在处理的页面标题的大小。由于某种原因,只有当你调整你的窗口大小时,它才会起作用,我似乎不明白它为什么要这样做 有人有什么想法吗?以下是一个链接: 谢谢 你的链接断开了,所以我看不出问题出在哪里。Fittext应立即调整大小,然后在调整大小时更新: // Resizer() resizes items based on the object width divided by the compressor * 10 var resizer = fun

我正在使用fittextjs插件调整我正在处理的页面标题的大小。由于某种原因,只有当你调整你的窗口大小时,它才会起作用,我似乎不明白它为什么要这样做

有人有什么想法吗?以下是一个链接:


谢谢

你的链接断开了,所以我看不出问题出在哪里。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后再使用插件?

您的链接已关闭,因此我看不出问题出在哪里。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后再使用插件?

对于仍有问题的用户,此修复对我有效

jquery.fittext.js中替换此代码

// Call once to set.
resizer();
有了这个代码

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

对于那些仍然有这个问题的人来说,这个修复方法对我来说是有效的

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算法来正确加载它,它似乎解决了这个问题

$("#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});
});

很抱歉,服务器似乎有问题,应该很快就会启动。你能解释一下我应该如何加载DOM吗?我不知道你到底是什么意思。提前感谢。如果有帮助的话,网站现在就备份:)提前感谢。所以它似乎可以工作,但是我在设置字体大小时遇到了问题,我希望字体比现在显示的大一点,但是我仍然不能100%正常工作。很抱歉,服务器似乎有问题,应该很快就会启动。你能解释一下我应该如何加载DOM吗?我不知道你到底是什么意思。提前感谢。如果有帮助的话,网站现在就备份:)提前感谢。所以它似乎可以工作,但是我在设置字体大小时遇到了问题,我希望字体比现在显示的稍微大一点,但是我仍然不能100%正常工作。我也有同样的问题。你处理好问题了吗?我也有同样的问题。你处理好这个问题了吗?