CSS的rem单位是相对于根元素（即元素）的字体大小（font-size）来计算的，它可以根据根元素的字体大小自动适应不同设备的屏幕尺寸。在现代响应式设计中，使用rem单位可以更好地适应不同大小的屏幕，从而提高网站的响应性和可用性。

通常，设计师会以16像素为基准来布局网页，因此，我们也可以以16px作为根元素的字体大小。这样，当我们使用rem来设置其他元素的大小时，它们就会以16px为基准进行计算。例如，如果我们想让一个元素的宽度为160px，我们可以使用10rem来表示，因为160px / 16px = 10rem。

html {
font-size: 16px;
}
.example {
width: 10rem;
height: 5rem;
font-size: 1.2rem;
padding: 1rem;
}

在上面的例子中，根元素的字体大小设置为16px，然后我们设置了一个类名为example的元素，它的宽度为10rem，相当于160px。另外，我们还可以使用rem来设置其它属性，比如font-size和padding等。由于它是相对于根元素的字体大小进行计算的，因此即使我们在不同大小的屏幕上显示页面，这些元素的大小和间距也会自动适应屏幕尺寸，从而提高整个页面的可读性和用户体验。