css单位中px、em、rem的区别

1、px像素(Pixel)。px是相对于显示器屏幕的分辨率来的,是一个虚拟的长度大单位,是计算机系统的数字化图像的长度单位

2、em是相对长度单位,相对于当前对象内文本的字体尺寸。如果当前行内文本的字体尺寸为被人为的设置,则相对于浏览器的默认字体尺寸,他会继承父级元素的字体大小因此并不是一个固定值

3、rem是css3新增的一个相对单位,使用rem为元素设定字体大小时,仍然时相对大小,但相对的只是HTML跟元素

区别:IE无法调整那些使用px作为单位的字体大小,而em和rem可以缩放,rem相对的知识HTML根元素。这个单位可谓集相对大小和绝对大小优点于一身,通过他即可以做到只修改根元素就成比例的调整所有字体大小,又可以避免字体大小逐层复合的连锁反应,目前,处了IE8及更早的版本外,所有浏览器都已经支持

你可能感兴趣的:(css,前端,css3)