Flowtype没有响应window.resize

Question

我正在使用一个名为flowtype（http://simplefocus.com/flowtype/）的插件，它没有响应我为浏览器调整大小而触发的window.resize事件。我正在使用css媒体查询来更改影响flowtype字体值大小的元素的宽度，所以我试图实现一个javascript媒体查询来更改这些元素的flowtype值并保持一切看起来不错。

这是javascript：

function fontSize() {
    $windowWidth = $(window).width();
    if($windowWidth < 700) {
        alert('resize detected: ' + $windowWidth);
        $('.mobile-message').flowtype({ fontRatio : 20 });
        $('.header-link').flowtype({ fontRatio : 10 });
        $('.social-link').flowtype({ fontRatio : 2 });
        $('footer div').flowtype({ fontRatio : 40 });
    } else {
        alert('resize detected: ' + $windowWidth);
        $('.header-link').flowtype({ fontRatio : 14 });
        $('.social-link').flowtype({ fontRatio : 5.5 });
        $('footer div').flowtype({ fontRatio : 70 });
    }
}

$( window ).resize(function() {
    fontSize();
});

我认为它没有读取屏幕大小，因为它变化得足够快，我很确定它在大于700px时分配少于700px的flowtype值，在小于700px时分配大于700px的值。