用长款JavaScript和Chrome/Chromium计算高度

Question

我想用 JavaScript 计算段落的高度。

基本示例...

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

console.log(document.querySelector('p').offsetHeight);

console.log(document.querySelector('p').getBoundingClientRect());

最小可复制示例： JsFiddle

Firefox (85.0.1) 返回正确结果（95 像素）。

Chromium (88.0) 没有（72 像素）。 但是根据我的测试，Console > Computed > height 通常会返回正确的结果。

如何解决？

Answer 1

解决了。 Firefox 和 Chromium 默认使用不同的字体系列。