FlowType模板不调整元素大小

Question

我正在尝试FlowType根据屏幕宽度调整自身大小的文字。

我有自己的demo here。

不幸的是，当视口宽度发生变化时，H1和P元素不会自行调整大小。

我看不出我做错了什么。

你能帮忙吗？

Answer 1

Working demo here

<script src="flowtype.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

你在错误的位置调用错误的文件（http://test.doig.com.au/flowtype/flowtype.js不是一个有效的JS文件）（在调用jquery http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js之前）。

在jsfiddle

中查看您的工作演示

Answer 2

您在http://test.doig.com.au/flowtype/上做错了一些事情：

1. flowtype.js（http://test.doig.com.au/flowtype/flowtype.js）文件不是js文件。从这里得到它https://raw.github.com/simplefocus/FlowType.JS/master/flowtype.js。
2. 您在jQuery之前已经包含了flowtype.js。在文档头中包含> jQuery之后的flowtype.js 。

希望这可以使它发挥作用。

GitHub上的FlowType.JS：https://github.com/simplefocus/FlowType.JS