html - 具有不同字体大小的相同内容会导致错误对齐

Question

我有完全相同的内容(我通过 Chrome 中的开发者工具更改了值)使用 font-size(单位 em)渲染的内容:

• 1.0

• 1.1

• 1.2

• 1.3

• 1.4

但是正如您在 1.2 中看到的那样，两个 block 的对齐方式在 Chrome 中是不同的(在 Firefox 中也是如此)。您可以在实际中看到它 here和 here .

这怎么可能？

Answer 1

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