jQuery Mozilla Firefox svg.height()错误?

jQuery Mozilla Firefox svg.height()错误?,jquery,firefox,svg,Jquery,Firefox,Svg,我只是偶然发现了一个有趣的bug(?),它出现在Mozilla试图获得svg高度时。当您试图设置css SVG容器大小的百分比时,jQuery SVG.height()将返回的不是像素值,而是百分比值 铬很好用。只需在Mozilla Firefox和Chrome中打开此小提琴并比较结果: 现在的答案很简单,如果SVG使用display:none,Mozilla Firefox出于某种原因将返回百分比值,而当没有display:none时,Mozilla将返回px值。我不知道它是否真的是一个bug

我只是偶然发现了一个有趣的bug(?),它出现在Mozilla试图获得svg高度时。当您试图设置css SVG容器大小的百分比时,jQuery SVG.height()将返回的不是像素值,而是百分比值

铬很好用。只需在Mozilla Firefox和Chrome中打开此小提琴并比较结果:

现在的答案很简单,如果SVG使用display:none,Mozilla Firefox出于某种原因将返回百分比值,而当没有display:none时,Mozilla将返回px值。我不知道它是否真的是一个bug,但这就是它现在的工作原理。检查这把小提琴:

所以我想问,这是真的Mozilla Firefox或jQuery bug,还是别的什么

.height()报告的值在 元素或其父元素被隐藏。要获得准确的值,请确保 该元素在使用.height()之前可见。jQuery将尝试 临时显示然后重新隐藏元素以测量其大小 尺寸,但这是不可靠的,并且(即使在准确的情况下)可能 显著影响页面性能。这是一场表演和表演 在jQuery的未来版本中,可能会删除度量特性


所以这不是它们中任何一个的bug。

谢谢,我只是想知道为什么不同的浏览器显示不同的结果。
$('svg').height()