[分享]css中em和cm的不同

在 CSS 中，有两个常用的单位：em 和 cm。虽然它们都用于测量尺寸，但在实际使用中也有很大的区别。em 是相对于当前元素的字体大小来计算的，其大小可以通过调整字体大小来进行调节。例如，如果某个元...

在 CSS 中，有两个常用的单位：em 和 cm。虽然它们都用于测量尺寸，但在实际使用中也有很大的区别。

em 是相对于当前元素的字体大小来计算的，其大小可以通过调整字体大小来进行调节。例如，如果某个元素的字体大小为 16 像素，那么 1em 就等于 16 像素。如果我们想让这个元素的边框大小为字体大小的 1/2，我们可以这样写：

border: 0.5em solid black;

这里的 0.5em 就等于字体大小的一半，也就是 8 像素。

cm 则是相对于绝对单位厘米来计算的。因为厘米是一个固定的长度单位，所以 cm 可以在不同的地方保持相同的大小。例如，如果我们想让一个元素有 5 厘米的宽度，我们可以这样写：

width: 5cm;

这将使元素的宽度始终是 5 厘米，无论在哪个设备上查看。

总之，em 和 cm 是两种不同的测量单位，要根据具体的需求和使用场景来选择使用哪种单位。