我想用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像素)!但主机>在计算;根据我的测试，高度通常返回正确的结果。
如何修复?
解决!Firefox和Chromium默认使用不同的字体族。