em与rem的区别与使用
一:区别
(1)em:em是一种相对长度单位,相对于自身元素的字号大小,如果没有设置即参照父容器的字号大小或浏览器默认字号大小。
举例:如一个div#box的宽度设置为#box { width: 10em },其字号大小#box { font-size: 14px },则此div的宽度为140px。
(2)rem: rem是css3的新标准也是一种相对长度单位,其相对于HTML根标签的字号大小。
举例: 如有css: html { font-size: 14px},此根标签内有元素div#box的宽度为:#
转载
2020-12-13 11:29:11 ·
246 阅读 ·
0 评论