自适应之_字体大小的设置

自适应界面中对字体的优化设置：

文字是我们网页中不可避免的重要组成部分。
可我们常常遇到这种问题，不同的界面宽度对于字体的大小要求也不相同。这个时候你是否会选择用媒体选择器来对没一个div/p/span。。。。来设置不同的字体大小呢？
这个时候你是否考虑过这样设置的结果，对浏览器来说运行的负荷增大了多少。单且不说浏览器负荷的问题，即使你一个一个的去设置你的代码量也不是你所能想象的。
工作经验解决方案：
我们都知道浏览器默认的字体大小是12px（body{font-size:12px;}）;
这个时候我们为什么不把固定的px改成rem呢？
即根据body的字体大小来设置里面的文字大小。
这个时候我们改变不同尺寸的大小   对里面的字体大小设置也就很简单了   只需要改变body部分的字体大小就可以改变整体的文字大小。
代码量也由之前的不知道可能会有多少行的代码变成了一行，而这一行就是对body字体大小的设置。

补充部分：
px、em、rem之间的区别；
px  固定的像素大小；
em  在继承父级大小的基础上进行修改;
rem  继承根大小进行修改（兼容性：IE9+）主要用于font-size和line-height;
这里为大家提供一个px,em,rem单位转换工具
http://pxtoem.com/


font-size=10px 不就好计算了嘛！Like this：
html{font-size:62.5%; }
body{font-size:12px;font-size:1.2rem  }
p{font-size:14px;font-size:1.4rem;}