html5中rem指的是什么意思

这篇文章主要介绍了html5中rem指的是什么意思，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

成都创新互联是专业的芷江网站建设公司，芷江接单;提供成都网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行芷江网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

在html5中，rem是“root em”的缩写，是一个相对长度单位；rem单位作用于非根元素时，相对于根元素字体大小，rem单位作用于根元素字体大小时，相对于其出初始字体大小。

本教程操作环境：windows10系统、HTML5版、Dell G3电脑。

在html5中，rem是“root em”的缩写，是一个相对长度单位。

相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。

rem 是根 em（root em）的缩写，rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其出初始字体大小。

相对于根元素(即html元素)font-size计算值的倍数

示例如下：

作用于根元素，相对于原始大小（16px），所以html的font-size为32px
作用于非根元素，相对于根元素字体大小，所以为64px。

输出结果：

感谢你能够认真阅读完这篇文章，希望小编分享的“html5中rem指的是什么意思”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!