咨询热线13258298948
请相信,好的作品会说话

当前位置:首页 > 新闻资讯 > 行业资讯行业资讯

在css3中rem是什么单位,有什么作用?

发布日期:2022-04-30 12:08:42   人气:

rem,em,px全是相对长度单位,在成都公司网站制作中广泛应用,尤其是自适应网站。和em一样,rem是css3中新增的相对单位,又称跟rm(rootrem),这个单位一经推行就被网站设计行业广泛关注。


rem和em的差别


区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,利用它既可以做出只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。


rem浏览器支持


目前所有主流浏览器均已支持rem单位,除ie8及更早以前的早期浏览器版本。


最后附上px、em、rem的详尽说明


px:绝对度量单位,便是像素


em:相对度量单位,但是计算起来实在费劲。em指的是相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。换句话说,假如当前div的字体大小是12像素,那么1em便是12像素,要是div字体大小是24像素,1em便是24像素。


rem,还是和字体相关的相对度量单位,但是,rem是相对于根元素的字体大小进行设置的,假如html元素中的字体大小设置为24px,那么针对任意html内的元素设置1rem,均表示的是24px,大大节省了我们计算字体大小的时间。



本文已结束

最新资讯

热点资讯

版权所有:Copyright © 2016-2021 四川大未来品牌管理有限公司   备案号:蜀ICP备18038217号-11   营业执照公示