rem的优势css3，前端中rem是什么意思

Css单位中px、em和rem的区别?

px像素（Pixel）是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

Rem：EM是相对于其父元素来设置字体大小的，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小。而Rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个参考值。

px像素，相对长度单位。像素px是相对显示器屏幕分辨率而言的。用于元素的边框或者定位。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被设置，则相对浏览器的默认字体尺寸。

② em的值不是固定的；③ em会继承父级元素的字体大小；根据以上特点我们知道em单位转换为像素值，大小取决于自身父级元素所设置的px值大小。父级元素字体大小乘以em的值。

我们可以简单地把em理解为字体的大小，比如说当前元素的字体大小（font-size）是16px，那么1em=16px，5em=24px，依此类推。rem与em类似，只不过它是以根元素（html）的字体大小作为基本单位的。

相关问答

Q1: px、vh、vw、rem

1、像素单位从小到大px、rpx、em、rem、vm、vh、vw。计算机屏幕上所能显示的最小单位。用来表示图像的单位。在非学术性媒体中，亦通俗作象素。

2、常用的布局单位包括像素（ px ），百分比（ % ）， em ， rem ， vw/vh 。

3、px 与 rem 的区别：CSS3 特性 vh 和 vw：这里是视窗指的是浏览器内部的可视区域大小，即 window.innerWidth/window.innerHeight 大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。

4、vw px rem em到底是什么 vw/vh：就是相对视口宽度或者高度，100vw 等于整个屏幕宽度 100vh等于整个屏幕高度。1vw = 1% * 视口宽度。意思是一个视口就是100vw。

5、px就是pixel（像素）的缩写，绝对单位，相对长度单位，相对于屏幕分辨率。em是相对单位 ，参考物是 父元素 的font-size，具有继承的特点。浏览器默认字体是16px，整个页面内1em不是一个固定的值。

6、rem是参考根级字体大小来换算的。 vh和vw vh和vw都是根据视见区（view port）的百分比来计算的。

Q2: 移动端布局适配(px,em,rem,vh,vw)

1、视口 是浏览器中用于呈现网页的区域，移动端的视口通常指的是 布局视口 使用 css 预处理器把设计稿尺寸转换为 vw 单位，包括 文本 ， 布局高宽 ， 间距 等，使得这些元素能够随视口大小自适应调整。

2、所以不管当前元素是任意子节点，一旦设单位大小为 “rem” 那么这个元素大小都是以根元素单位为参考的，这里的 “em” 和 “rem” 均具有继承性。

3、rem=325vw可一起结合写等比例缩放布局。px px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em em是相对长度单位。相对于当前对象内文本的字体尺寸。

4、常用的布局单位包括像素（ px ），百分比（ % ）， em ， rem ， vw/vh 。

5、px： 绝对字体大小 em： 基于一个基数来计算出相对字体大小。(移动端用的少) rem： 基于根节点（html）的字体大小来计算。 vw： 可视区宽度单位。1vw等于可视区宽度的百分之一。

6、对于Web开发的求职者而言，也是一个必需要理解清楚的经典问题 _ | Second其实，尺寸（width、height、margin、padding等等）相关的适配，除了使用rem以外，还可以使用CSS3的vh和vw。

关于rem的优势css3和前端中rem是什么意思的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。