HTML/CSS - 调整字体大小以填充父级高度和宽度

Question

我有一个<div>元素在浏览器窗口调整大小时调整大小.

在里面<div>我有一段文字:

<div style="width:80%; height:80%; margin:10%;">
    <p>Paragraph of text. Paragraph of text. Paragraph of text.</p>
</div>

我希望在font-size调整大小时更改文本<div>,以便文本占用100%的可用空间.

我怎样才能达到这个效果？
是否使用百分比字体大小？
我必须使用Javascript吗？

提前致谢!

Answer 1

这里有一个jquery插件:http://fittextjs.com/