window.getComputedStyle始终返回以像素为单位的度量

Question

我只是想知道为什么，例如，windows.getComputedStyle(element).top总是以像素为单位返回度量，即使在top位置明确设置为%的情况下也是如此element.style.top = 25 + '%' }。

我无法在网上找到任何信息。 有人知道为什么会这样吗？

Answer 1

您要查找的是 element.style.top 。

---

这是window.getComputedStyle的预期行为。

“在应用活动样式表并解决了这些值可能包含的任何基本计算之后，window.getComputedStyle()方法将返回一个包含元素的所有CSS属性值的对象。”

这意味着将计算或处理除像素以外的所有单位，然后将其显示为像素。甚至名称GetComputedStyle也暗示了这一点。

如果需要，您可以阅读有关此here的更多信息。