font-size可以是css / css3中容器大小的百分比吗？

我有一个容器：

<div id="container"><h1>LONG TITLE LINE</h1></div>

和css：

#container {
    width: 50%;
    height: 50%;
}

#container h1 {
    font-size: XXXXXX;
}

“XXXXXX”< - 其中我希望字体大小基于页面/容器的宽度. 问题：是否可以根据页面宽度设置h1的字体大小？在css3？我确信它可以使用JS完成,但是如果有可能的话就要避免这样做.

解决方法

我不认为它在CSS中是可能的,但这对你来说可能很有趣：

http://fittextjs.com/