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

不确定你的代码到底是什么样的，所以这当然可能与写的不完全一样。 此外，您只需要为它的行为时髦的浏览器执行此操作！