如何标准化 CSSStyleDeclaration 对象中的单位？

Question

我正在处理一个转换元素左侧 CSS 属性的项目，该属性被定义为百分比（例如 100% 到 0%）。我在 Chrome 中进行开发，它给了我 left 的 style 值作为百分比，这 以我想要的方式工作，直到我在另一个浏览器中尝试它（实际上是任何其他浏览器）。我设置了这个简单的fiddle 来演示。通常，大多数值在报告之前都会转换为像素，而不是 chrome。 这个问题的第二部分是；有没有办法让其他浏览器按照最初设置的方式报告样式属性？ （例如 px、%、em、in 等）没有丑陋的转换？如果没有，还有其他合理的解决方法吗？谢谢。

Answer 1

这显然是 chrome 中的 bug。否则，除 IE 外，所有其他样式和浏览器都应将所有内容转换为像素。 IE 将所有内容保留在自己的单元中，但也在 IE9 之前的浏览器中使用专有方法。 Here's a page I found that talks about that and shows how to convert IE to px.