div自适应字体 用em单位

Question

要实现一个这个功能。一个DIV里面的文字随着DIV框框变化而自适应字体大小，比如

 <style>
.body{font-size:62.5%}
.div{width:100%; height:20%}
.span{font-size:3.2em;}
</style>
<div><span>字体怎么随DIV大小变化而变化</span> </div>

当我分辨率改变的时候 div大小也变化 怎么实现字体跟着变化。
这个用CSS3 的 VW VH可以轻松实现 但是兼容不好。来个讨论队长

Answer 1

这个好像不可以的吧，字体大小是固定的，除非你多个字体大小的样式，在用js判断，什么范围内字体多大