rem与em的区别

px也是一个单位 所以em可以和px互换。 em的弊端: 参照的是当前文字的大小 所以不好控制 即使两个盒子的大小都是5em 但是大小并不一致。 rem (r代表的是root：根)也是一个相对单位 相对的是html的font-size的大小。使用rem这个单位 比较方便控制 小结: em: 相对单位 相对的是当前的文字的大小 1em = 一个当前文字的大小。 px也是一个单位 所以rem可以和px互换。 rem 也是一个相对单位 相对的是html的font-size的大小。 rem这个单位不要在pc上使用 有兼容性问题 在移动端使用较多。 目前手机的主流屏幕 主流手机机型屏幕：320 360 375 384 400 414 424 480 540 720 750 。 媒体查询的media.less: .adapter(@w) { @media screen and (min-width: @w) { html { // 750 / 50 = 15 font-size: @w / 15px; } } } .adapter(320px); .adapter(360px); .adapter(375px); .adapter(384px); .adapter(400px); .adapter(414px); .adapter(424px); .adapter(480px); .adapter(540px); .adapter(640px); .adapter(720px); .adapter(750px);