需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：span {font-size: 0.8em}。
3、浏览器运行index.html页面，此时span的字体大小被设置h1字体大小的80%。
既然最小支持到12px，那么就以12px为基点进行缩放，即可以使用到 css3里的一个属性：transform:scale(n),n为放大倍数。
这个属性前给-webkit-谷歌前缀，那么就可以控制字体的大小，代码如下：
<style>p{font-size:10px-webkit-transform:scale(0.8)}
/*这里的数字0.8，是缩放比例，可以根据情况变化。*/
</style>
<p>中梦测试10px</p>
效果图：
