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

Question

我做了一个小的 JS fiddle 来演示我的问题。当您使用浏览器放大和缩小页面时，记录到控制台的 max-width 值会发生变化，但在 CSS 中它总是为 500 像素。无论是否放大，如何找到原始 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 的原始像素值。