css - 网站中的响应字体

Question

我想让字体响应浏览宽度的变化，我是这样的

<div>
   <h1>hello world  </h1>
</div>

div{
width:50px%;
min-heigth:300px;
border:1px solid black;
font-size:120%;
}
h1{ 
    font-size:6em;
}

这里有一个例子 http://jsfiddle.net/wZmAc/

字体没有反应!有人可以帮忙吗!

Answer 1

如果您只是想缩放字体以适合屏幕并且您愿意考虑 Javascript 解决方案，您可以查看 FitText.js (jQuery) 或 InflateText.js混音。