PX
px是固定长度单位,不随其他元素的变化而变化。px一般比较稳定、精确,如果改变浏览器的缩放,页面布局也会被打破。
em
em是相对长度单位,随父级元素属性font-size的变化而变化。
rem
rem是相对长度单位,随根目录的属性font-size的变化而变化。
em和rem都是相对长度单位,都需要一个基准。不同的是em的任何元素的设置都可能需要知道其父级元素的元素大小,而rem只需要在根目录设置一个参考值就可以了。
一般来说: 1em = 1rem = 16px
PX
px是固定长度单位,不随其他元素的变化而变化。px一般比较稳定、精确,如果改变浏览器的缩放,页面布局也会被打破。
em
em是相对长度单位,随父级元素属性font-size的变化而变化。
rem
rem是相对长度单位,随根目录的属性font-size的变化而变化。
em和rem都是相对长度单位,都需要一个基准。不同的是em的任何元素的设置都可能需要知道其父级元素的元素大小,而rem只需要在根目录设置一个参考值就可以了。
一般来说: 1em = 1rem = 16px