css中em单位的用法

来源:互联网 发布:九年级下册历史书淘宝 编辑:程序博客网 时间:2024/03/28 16:49

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

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


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

比如:

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

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

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

1 0
原创粉丝点击