CSS单位em和rem有什么区别，css中em是什么意思

网页字体单位px、em、%、rem、pt、vm、vh介绍

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

2、px：绝对单位，页面按精确像素展示。em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。

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

相关问答

Q1: 长度单位em和rem的区别

1、区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。

2、em是基于基数来计算出来的相对字体大小 特点：①em是相对长度单位，相对于当前对象内文本的字体尺寸。如果当前对象文本大小未设定，则相对于浏览器的默认字体尺寸。

3、）区别：IE 无法调整那些使用 px 作为单位的字体大小，而 em 和 rem 可以缩放，rem 相对的只是 HTML 根元素。

4、百分与“em”类似，1em=100%。当前的字体大小等于100%，字体大小也是受父类影响。rem是CSS3新增的一个相对长度单位，只相对根目录即HTML元素。所以可以在html标签上设置字体大小为标准，文档中的字体大小都会以此为参照。

Q2: 彻底弄懂css中单位px和em,rem的区别

1、）区别：IE 无法调整那些使用 px 作为单位的字体大小，而 em 和 rem 可以缩放，rem 相对的只是 HTML 根元素。

2、px：绝对单位，页面按精确像素展示。em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。

3、百分与“em”类似，1em=100%。当前的字体大小等于100%，字体大小也是受父类影响。rem是CSS3新增的一个相对长度单位，只相对根目录即HTML元素。所以可以在html标签上设置字体大小为标准，文档中的字体大小都会以此为参照。

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

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

关于CSS单位em和rem有什么区别和css中em是什么意思的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。