使用 em 单位可以使网页的布局更具有弹性，因为它随着字体大小而变化。这在创建响应式设计时非常有用。例如，如果您想要一个标题在屏幕尺寸较小的设备上缩小到一定大小，则可以使用 em 单位。
em 单位也可以用于设置元素的其他属性，例如宽度、高度和边距。在这种情况下，1em 等于元素的字体大小。
/* 设置元素的宽度为字体大小的 2 倍 */
div {
width: 2em;
font-size: 16px;
}
/* 设置元素的边距为字体大小的 0.5 倍 */
p {
padding: 0.5em;
font-size: 18px;
}
/* 设置元素的高度为字体大小的 3 倍 */
img {
height: 3em;
font-size: 14px;
}需要注意的是，em 单位的大小是相对于当前元素的字体大小。因此，在使用 em 单位时，要特别注意元素的嵌套关系。如果子元素的字体大小与父元素不同，则 em 单位的大小也会发生变化。