NEWS

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

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

发布者:ruimei88    时间:2018-02-06 11:43:55    人气:

  rem,em,px都是相对长度单位,在成都企业网站建设中广泛应用,尤其是响应式网站。和em一样,rem是css3中新增的相对单位,又称跟rm(root rem),这个单位一经推出就被网站建设行业广泛关注。


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


  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,大大节省了我们计算字体大小的时间。


  本文由锐美网络成都网站建设(https://www.ruimei8.com/News/industry/349.html)整理收集,未经允许,禁止转载。


上一条: 网站流量的获取,站外优化也需要优化技术! 下一条: 如何处理网站里面哪些一直不收录的页面?
版权所有:成都锐美云商网络科技有限公司 侵权必究 川公网安备 51010402000103号 备案号:蜀ICP备16009388号-11

锐美网络!专注成都网站建设,提供企业网络营销解决方案