Html 根据字体大小和行高计算像素高度

我目前正在开发自定义混音器，以便在SASS中使用

我试图实现的是从字体大小和线条高度计算出像素高度。例如，我知道行高为1的16px字体大小显示为22px高。字体系列是开放的

我试着计算出公式，看看这是怎么发生的，但我很挣扎

有没有一种简单的方法来计算这两个输入的文字像素高度

编辑

是的，我完全错了~我已经改变了细节

添加图像以显示显示的高度

输入{
字体大小：16px；
线高：1；
字体系列：“开放式Sans”，无衬线；
-webkit外观：无；
-webkit盒阴影：无；
盒影：无；
边框：1px实心#7b；
边界半径：2px；
宽度：100%；
背景：#fff；
字体系列：“开放式Sans”，无衬线；
字体大小：300；
填充：8px；
边际：0.12像素；
光标：指针；
文本转换：无；
字体大小：16px；
字号：1em；
}
*，*：之前，*：之后{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}

你错了

字体大小为16像素，线条高度为2，线条高度为32像素

span{
显示：内联块；
背景：黄色；
字体大小：16px；
线高：2；
}

---

你好实际上，当字体大小为16px，行高为2时，像素高度为32px。公式非常简单：
字体大小*行高


警报（$（（“p”）.height（））
p{
字体大小：16px；
线高：2；
}

测试
谢谢你的评论，但是我更新了我的问题，因为我在解释自己时犯了一个严重错误。你正在显示一个带有
输入
标记的截图，这不在问题中。它改变了你的问题。你需要在发帖前阅读一些东西。例如，这是一个非常重要的例子：。提供一个最小的、完整的和可验证的例子。谢谢你的链接。谢谢你的评论，但是我更新了我的问题，因为我在解释自己时犯了一个严重的错误。将我的问题显示为重复的链接并没有回答我的问题，我编辑了这个问题，希望能更清楚。随着字体系列的更改，字体大小为16px，行距为1，输出高度为22px。请发布一段代码片段，以重现您的问题。@Sjrsmile请参阅我答案中的注释。不要附上截图，给我们一个工作的例子。但是，您的截图被剪切以获取更多INRI！！！！谢谢你和我一起分享，这是我第一次发布代码片段，它显示了22px的高度。请参阅