在这里，我们在父框内声明一个10px字体大小，并将子元素的宽度和高度设置为5em，因此，如果父元素的字体大小为10px，则意味着每个em值10px，因此我们的子元素将为50px * 50像素
em的作用是它们级联，这意味着什么？ 因此，如果子元素内有另一个元素，并且将其尺寸设置为5em，则第二个子元素将为100px * 100px
发生这种情况的原因是，当一个孩子中有另一个元素时，第二个孩子会将值乘以2，疯狂吗？ 这就是为什么在使用em时我们必须小心。
rem现在，rem与em有所不同，因为rem基于根字体大小而不是父字体来确定其尺寸。 rem一词的意思是" root em"，这解决了我们在em元素级联时遇到的问题，通过基于root取其维度，rem值在整个文件中都相同。 因此，让我们看一下相同的示例，但带有rem。
因此，如果将本示例与上面的示例进行比较，我们可以看到父框的字体大小现在为30，但是第一个和第二个子控件的字体大小较小，我们还可以看到元素没有级联， 是因为以10px的字体大小声明了根，所以无论何时我们现在使用rem，它都将始终引用10px。
绝对长度绝对长度不会根据其他因素或页面，父级，视口等其他因素来决定其大小。
英寸，厘米和毫米。因此，我觉得关于这些度量单位的解释很多。 如果您将某物声明为1in，则无论屏幕大小如何，该值都将为1in。 厘米和毫米也一样
