直到现在我才意识到这一点（而且这不仅出现在 webkit 浏览器中）。p标签，h1标签等…文本上方和下方有一个额外的空格。
在 Chrome 中我发现了这个：
用户代理样式表
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
这使得某些地方的对齐错误。
答案
您还可以直接修改这些属性，如下所示：
-webkit-margin-before:0em;
-webkit-margin-after:0em;
在 Chrome/Safari 中适用于我。