什么是rem单位？

在网页设计中，我们经常会听到rem单位。rem是相对于根元素（html）的字体大小的单位。例如，如果根元素的字体大小为16px，那么1rem就等于16px。这意味着10rem的像素值取决于根元素的字体大小。

根元素字体大小的设置

在网页开发中，通常会使用CSS来设置根元素的字体大小。可以通过以下方式来设置：

html { font-size: 16px; }

这样，1rem就等于16px。如果根元素的字体大小被设置为20px，那么1rem就等于20px。

10rem的像素值是多少？

假设根元素的字体大小被设置为16px，那么10rem的像素值就是160px。因为1rem等于16px，所以10rem等于16px * 10 = 160px。

同样地，如果根元素的字体大小被设置为20px，那么10rem的像素值就是200px。因为1rem等于20px，所以10rem等于20px * 10 = 200px。