Firefox返回像素值，Chrome返回百分比值（CSS max-height）

Question

我正在尝试（通过jQuery）通过CSS获取div设置的最大高度作为百分比值（45％）。

在Firefox中 - 它返回一个像素值，但是，在Chrome / Safari中，该值以百分比形式返回（45％）。 我用来获取这些值的jQuery代码是：

parseInt($('.content-section').css('max-height'))

我这样做是错误的吗？ 如何在Chrome / Safari中获取像素高度？甚至，Firefox中的百分比高度？

编辑：

原始CSS：.content-section {width：880px;保证金：0自动;最大高度：45％}

chrome中的计算CSS：

Firebug中的计算CSS：

Answer 1

嗯，这很奇怪。一种解决方法是使用百分比来计算实际最大高度。例如：

var percentage = parseInt($('div.container').css('max-height')); //40?
var parentHeight = $('div.container').parent.height(); // i.e. 1000 (this is a px value)
var pixelHeight = parentHeight/percantage; // 400

不确定您的代码是什么样的，所以这当然可能无法完全按照书面形式工作。此外，您只需要为它的行为时髦的浏览器执行此操作！