在 CSS 中，字体大小的单位有两种：em 和 px。那么这两种单位有什么区别呢？

在讲区别之前，我们先来了解一下两个单位的定义：

em：相对单位，是相对于父元素的字体大小来计算的；px：绝对单位，是固定像素大小的单位。

那么，二者的区别在于它们计算字体大小的方式不同。

使用 em 作单位时，其大小并不固定，而是根据父元素的字体大小计算的。例如：

.parent {font-size: 16px;}.child {font-size: 1.5em;}

上面的代码中，.parent 元素的字体大小为 16px，而 .child 元素的字体大小则为 1.5 倍的父元素字体大小，因此为 24px。

相反地，如果我们使用 px 作为单位，则字体大小是固定的。例如：

.parent {font-size: 16px;}.child {font-size: 24px;}

在上述代码中，.child 元素的字体大小是固定为 24px，并不会受到父元素字体大小的影响。

那么应该选择使用哪种单位呢？

em 适合用于相对大小的设计，以及响应式设计中；而 px 则适合用于固定尺寸的设计。同时，在使用单位时，还需要考虑浏览器间的兼容性，根据实际情况灵活选择。