flowtype.js导致巨大的字体

Question

我按照flowtype demo上的信件的说明进行操作 使用步骤1到4。

当我显示我的页面时，字体很大。在我的PC上使用chrome（1920 * 1200），我已经全屏访问了开发人员工具并查看了我的H1元素。

我继承font-size属性的底部是我的18px，来自说明的第1步。接下来，我从“用户代理样式表”中得到40px的值，我假设它是flowtype.js脚本。根据说明的第1步，我接下来H1设置为4em，最终大小为160px！

我正在使用第4步中的建议调用脚本。它调整了所有内容，因为我调整了窗口大小但是我无法理解为什么它从这么大的字体开始。

Answer 1

您可能需要在body中指定“基本”字体大小。让我们说：body {font-size:12px;}。

代码：

$('body').flowtype({
    minFont : 12,
    maxFont : 40,
    fontRatio: 30,
    minimum : 500,
    maximum : 1200
}); 

指定minimum宽度，maximum宽度，minFont，maxFont和fontRatio。 http://simplefocus.com/flowtype/