em 和 rem 都是相对单位,由浏览器转换为 px
rem 是取决于页面根元素的字体大小,即 html
html {
font-size: 16px;
padding: 10rem; // 10 * 16 = 160px
}
em 是将 em 值乘以使用 em 单位的元素字体大小。
.test {
font-size: 18px;
padding: 10em; // 10 * 18
}
em 和 rem 都是相对单位,由浏览器转换为 px
rem 是取决于页面根元素的字体大小,即 html
html {
font-size: 16px;
padding: 10rem; // 10 * 16 = 160px
}
em 是将 em 值乘以使用 em 单位的元素字体大小。
.test {
font-size: 18px;
padding: 10em; // 10 * 18
}