<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>长度单位</title>
</head>
<body>
<div style="font-size: 12px">
我是第一层
<div style="font-size: 2rem"><!--em:每一层的字体是前一层字体的2倍,以此累加
rem:每一层的字体是第一层字体的2倍-->
我是第二层
<div style="font-size: 2rem">
我是第三层
<div style="font-size: 2rem">
我是第四层
</div>
</div>
</div>
</div>
</body>
</html>
效果图: