不同字体大小的相同内容导致错误对齐

Question

我完全（我通过 Chrome 中的开发者工具更改了值）使用 font-size（单位 em）呈现的相同内容：

• 1.0

• 1.1

• 1.2

• 1.3

• 1.4

但是正如您在1.2 中看到的那样，两个块的对齐方式在 Chrome 中是不同的（在 Firefox 中也是如此）。您可以在here 和here 中看到它。

这怎么可能？

Answer 1

令人惊讶的是body 的font-size: 80% 定义导致了这种情况。我将其删除并重新计算了所有其余部分，现在一切正常。