Html 像素级边缘完美测量方法

在我的团队中，我们有一个与像素测量相关的问题。当设计开始时，我们开始按照设计规范开发网站的组件，例如，从链接到人名的设计应为18px，如图所示：

但当我们转到实现并看到结果时，我们有更多（有时更少）像素，因为文本本身有一个高度，然后有指定的边距：

因此，在本例中，两段之间的结果是23px，而不是设计指定的18px，这在我们的积压工作中造成了缺陷

我们正试图确定一种避免此类问题的最佳方法。有什么建议吗

例如：

h2{
字体大小：粗体；
边际上限：0；
字体大小：16px；
保证金底部：
}
a、 a:链接，a:悬停，a:活动，a:已访问{
颜色：#6b94ff；
文字装饰：无；
字体大小：正常；
字体大小：16px；
}
p{
利润率：0.10px；
字体大小：16px；
}

主题：经济学


欧罗巴语是山姆家族的成员。这是一个神话。科学、音乐、体育等，美国利托欧罗巴音乐节。黎族语言在黎族语法、黎族发音和黎族共同词汇方面存在差异。

删除

h2

、

a

、

p

中的所有当前页边距，并将此行添加到代码中：

a，p，h2{行高：16px；边距：018px 0}

您需要删除HTML默认页边距并设置行高（默认

1.333333

） 到指定的字体大小

16px

然而，我想补充一点，使用固定的字体值是非常糟糕的做法，因为用户应该能够修改HTML默认字体大小以满足他们的要求（并非所有人都有20/20的视力），

1em

或

1rem

是首选的，默认情况下是

16px

正确的代码应该是（例如）：

---

a，p，h2{行高：1rem；边距：01.125rem 0}/*calc（18/16）*/

从

h2

，

a

，

p

中删除所有当前边距，并将此行添加到代码中：

a，p，h2{行高：16px；边距：018px 0}

您需要删除HTML默认页边距并设置行高（默认

1.333333

） 到指定的字体大小

16px

然而，我想补充一点，使用固定的字体值是非常糟糕的做法，因为用户应该能够修改HTML默认字体大小以满足他们的要求（并非所有人都有20/20的视力），

1em

或

1rem

是首选的，默认情况下是

16px

正确的代码应该是（例如）：

---

a，p，h2{行高：1rem；边距：0 1.125rem 0}/*calc（18/16）*/

我们需要重现问题的工作代码片段，否则我们看不到如何/为什么/whatPadding，边距，边框，行高，缩放因子，比例，位置…我们需要重现问题的工作代码片段，否则我们看不到如何/为什么/whatPadding，边距，边框、线条高度、缩放因子、比例、位置。。。