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

和css：

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

#container h1 {
    font-size: XXXXXX;
}

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