css字体大小设置em与rem的区别

来源:互联网 发布:2016年十大网络神曲 编辑:程序博客网 时间:2024/06/05 13:23

em

单位em是相对于父元素的,如果父元素没有设置字体大小,那就会追溯到body。

比如

这里写图片描述

如果我在box_text的父元素box加了一个字体大小

这里写图片描述

那么body的8px就会被box_text的父元素box 的28px取代

rem

这里写图片描述
在说rem,因为他是相对于跟元素(html),所以如果用rem,body里面写任何字体大小都没效果,只能写html在中,比如

这里写图片描述
设置了REM之后,字体大小只看html{}中设置的。改HTML的大小就能改整个页面字体的大小

0 0