jQuery伪造一个窗口调整大小

Question

我在StackOverflow上发现了一个脚本,它在缩放文本以适应容器方面做得非常好.如何缩放与容器相比的文本大小.尝试过像FitText和textFill这样的插件后,并没有真正为我做这个工作.

无论如何,这个脚本运行得很好但是使用谷歌字体时遇到了一个小问题.在普通字体中它工作正常,但是当我使用谷歌字体时,我需要调整窗口大小以使脚本工作.

我的JS技能太低而无法解决这个问题,所以我想知道是否有办法伪造一个窗口调整大小.我尝试过

$(window).resize

在我的jquery文件的末尾,但它似乎没有做太多.

Answer 1

打个电话

$(window).resize()

你也可以尝试原生的js

window.dispatchEvent(new Event('resize'));

更新:

你应该把这个:

var fontMetrics = document.getElementById('font-metrics');
var scaleTexts  = $('.scale-text');
updateFontSize();

在调整大小触发器之前进入你的文档就绪函数,也许你根本不需要触发调整大小