Javascript flowtype.js会产生巨大的字体

Javascript flowtype.js会产生巨大的字体,javascript,jquery,css,Javascript,Jquery,Css,我已严格按照指示行事 使用步骤1到4 当我显示我的页面时,字体是巨大的。在我1920*1200的电脑上使用chrome,我全屏访问了开发者工具,并查看了我的H1元素 在font-size属性继承的底部是指令步骤1中的18px。接下来,我将从一个名为“用户代理样式表”的东西中获得一个值40px,我假设它是flowtype.js脚本。根据说明的步骤1,我接下来将H1设置为4em,最终大小为160px 我使用步骤4中的建议调用脚本。当我调整窗口大小时,它正在调整所有内容的大小,但我无法理解为什么它开始

我已严格按照指示行事 使用步骤1到4

当我显示我的页面时,字体是巨大的。在我1920*1200的电脑上使用chrome,我全屏访问了开发者工具,并查看了我的
H1
元素

font-size
属性继承的底部是指令步骤1中的
18px
。接下来,我将从一个名为“用户代理样式表”的东西中获得一个值
40px
,我假设它是
flowtype.js
脚本。根据说明的步骤1,我接下来将
H1
设置为
4em
,最终大小为
160px


我使用步骤4中的建议调用脚本。当我调整窗口大小时,它正在调整所有内容的大小,但我无法理解为什么它开始使用如此大的字体。

您可能需要在
正文中指定“基本”字体大小。比如说:
body{font size:12px;}

代码:

指定
最小
宽度、
最大
宽度、
最小字体
最大字体
字体比率

“用户代理样式表”是内置于默认CSS设置中的浏览器。请显示您的CSS。我的CSS与flowtype示例网站一致:/*以下是flowtype.js插件*/body{font size:18px;}h1、h2、h3、h4、h5、h6、p{线宽:1.45;}h1{font size:4em;}h2{font size:3em;}h3{font size:2em;}h4{font size:1em;}奇怪的是,“用户代理样式表”是如何覆盖我上面的CSS的。这就是我如何调用flowtype:$('body').flowtype({最小:500,最大:1200,最小字体:12,最大字体:40,字体比率:30});您还需要添加以下CSS代码:
body{font size:12px;}
$('body').flowtype({
    minFont : 12,
    maxFont : 40,
    fontRatio: 30,
    minimum : 500,
    maximum : 1200
});