无论浏览器缩放如何，都以像素为单位查找CSS值

Question

我做了一个小小的JS小提琴来证明我的问题。当您使用浏览器放大和缩小页面时，正在记录到控制台的max-width值会发生变化，但在CSS中，总是将变为500px。我怎样才能找到原始的CSS值，例如max-width，无论你是否放大？

http://jsfiddle.net/85uWH/

Answer 1

最后我不得不使用（这个JavaScript插件）[https://github.com/yonran/detect-zoom/]来提供缩放级别。为了计算原始CSS值，我只是乘以缩放级别：

parseFloat($('div').css('max-width')) * zoomLevel

例如，如果浏览器放大了2级：

250 * 2

当然会返回原始像素值500px。