前端中rem是什么意思

rem是前端开发中的一种相对单位，表示相对于根元素（html元素）字体大小的倍数。实际开发中，设计师提供的设计稿一般是750px宽，开发者会将html根元素字体设置为75px，这样1rem就等于75px。页面中的按钮高度设为2rem，实际显示就是150px；标题文字大小设为0.36rem，实际显示就是27px。使用rem可以轻松实现页面元素的等比例缩放，适应不同屏幕尺寸。

rem适配方案在移动端开发中应用广泛。淘宝、京东等电商平台首页的导航栏、商品卡片、图片等元素尺寸都使用rem单位。iPhone 6、7、8的屏幕宽度是375px，设置根元素字体为37.5px后，一个宽度为10rem的容器会占满整个屏幕。华为P20的屏幕宽度是414px，同样的10rem容器在P20上显示会更大，保持了页面元素的比例关系。