用長款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 默認使用不同的字體系列。