首页 > 代码库 > px、em与rem之间的区别
px、em与rem之间的区别
px
px方便,但是由于它是绝对值,不能随着浏览器的放大和缩小而改变,因此往往会影响我们原先的布局,造成视觉干扰。
em
em是相对值,解决了随浏览器放大缩小而改变的问题,但是它仅仅是相对于其父元素,假设你在<body>里定义了font-size:10px,那么以<body>为父元素的子元素的font-size可以这样定义{font-size:1.4em}即字体为14px。但是如果不是以<body>为父元素的子元素,其字体则不定为多少,要看其父元素。
rem
rem出现在css3里,它的字体永远相对于根元素来变化。即它永远已<body>的font-size为基础。
px、em与rem之间的区别
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。