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

你可以使用这样的东西：

body {
    font: normal 100% Helvetica, Arial, sans-serif;
}
h1 {
    font-family: Georgia, serif;
    font-size: 1.5em;        /* 24px / 16px = 1.5em */
}

Recomendend阅读：

responsive design
fluid grids（查看24px和16px的含义）

Answer 2

如果您只是尝试缩放字体以适应屏幕并且您愿意考虑使用Javascript解决方案，则可以查看FitText.js（jQuery）或InflateText.js混音。< / p>

网站中的响应字体

2 个答案: