CSS-EM值不一致，如何调试/解释

因此，我对“em”值的一致大小存在问题，我似乎不明白为什么

我正在为我的站点使用SCSS，并将所有SCSS文件预处理为单个CSS文件

让我举例说明我的结构是如何建立的

/*用于边框宽度的值
$defaultBorderWidth:$SizeStallest*/
.测试{
宽度：5em；
身高：5公分；
边框样式：实心；
边框宽度：0.15em；/*通常为$defaultBorderWidth*/
}
.测试组{
宽度：1米；
高度：1米；
边框样式：实心；
边框宽度：0.15em；/*通常为$defaultBorderWidth*/
}

提供了使用rem而不是em的答案。rem始终使用

标记的根默认字体大小（您可以覆盖），相反，em使用当前标记字体大小并相应地调整其他em值（有利于继承）

两者都有优点和缺点，这实际上取决于你打算如何构建你的网站。继承很快就会变得混乱和复杂，但如果使用得当，它会非常强大。用统一的度量标准控制站点的各个方面可以帮助简化和简化，但不具备继承的能力

我遇到过一些建议两者结合的例子，使用rem设置字体大小、边框等常量，使用em设置边距和填充等间距

下面是使用rem和em的示例

.testremh1{
边框样式：实心；
字体大小：3rem；
宽度：15雷姆；
高度：3雷姆；
保证金：0.5雷姆；
边界宽度：0.5雷姆；
}
.testEm h1{
边框样式：实心；
字号：3em；
宽度：5em；
高度：3em；
边缘：0.5em；
边界宽度：0.5em；
}

测试快速眼动
测试em

所以我们知道你的问题，你的问题是什么？

ems

与字体大小有关，不管你在所有边框中都有

0.15em

，如果你更改任何元素的字体大小，那么

0.15em

将不再是

2px

，blonfu，我想这可能是我的问题。你能详细说明ems是如何变化的吗？例如，我做了一个测试，用我的“h1”字体3em来验证你说的话。我注意到当应用0.15em的边界时，它的边界要大得多，所以你是说它是3em的0.15。。。i、 e 0.45em边框？您是否尝试过使用

rem

？它与

em

相同，但仅根据根大小进行计算。其中，

as

em将采用其父元素的字体大小来调整其比例。您可能会发现与rem的一致性更好？如果有帮助，请告诉我：）@自095年以来，这正是我一直在寻找的。我错误地认为em做了rem做的事。