div自适应字体 用em单位

要实现一个这个功能。一个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可以轻松实现 但是兼容不好。来个讨论队长

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

字体的单位em大小是以body的font-size为参照的，可以使用媒体查询来控制在不同分辨率下body的font-size，从而控制em单位的大小。
如@media ( min-width :768px){body{font-size:20px;}}： @media ( max-width :768px){body{font-size:12px;}}
以上是用css控制的，也可以下载一个jquery.fontflex.js文件插件，然后调用方法实现。我就不上传了，搜索一下就可以找到。