Zdd__CSDN的博客

原创 em和rem的区别

rem单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小而不是相对于父元素字体的大小。这样可以根据屏幕的尺寸，比较容易的控制页面的布局效果。例如，根元素（html）设置font-size=16px; 非根元素设置width:2rem; 则换成px表示就是32px。/* 根html 为 16px */html { font-size: 16px;}/* 此时 div 的字体大小就是 32px */