css中em单位的用法

在国内web开发中，UI通常使用px作单位，因为不同电脑分辨率不同，因此会产生不同的比例效果。

国外很多框架都用rem或em作单位。其好处是可以根据电脑分辨率快捷的调整整个页面的比例。

在自己的框架中使用em的方法：

比如：

先定义整个html font-size = 10px

html {

font-size: 10px;

}

此后，1em = 10px，同样的，如果你定义 html font-size=15px，那么1em也就等于15px

这样最大的好处是方便修改整个页面字体和距离大小。只需要在html标签的css文件上进行修改即可。