将css calc函数转换为px中的值

时间:2015-07-06 17:25:14

标签: javascript jquery css less calc

我试图将某个元素的最小高度设置为另一个元素的最小宽度。某个元素的最小宽度是使用一些calc公式给出的,并且该公式可能会在以后更改。我尝试使用JQuery将min-height设置为min-width,但它只是插入了没有给出相同输出的calc方程,因为20%的宽度不是高度的20%。我正在查看css width: calc(100% -100px); alternative using jquery,但是这个等式的解决方案需要知道jquery中的公式是什么,我想编写我的代码,无论你用更少的更改计算公式,它都可以工作。

示例:http://jsfiddle.net/n6DAu/2116/

$(element).width() returns the width in pixels
$(element).css('min-width') returns the equation

1 个答案:

答案 0 :(得分:3)

似乎是特定于浏览器的。 Chrome会将min-width报告为计算结果,在开发人员工具DOM检查器中,它也会报告为计算结果。

另一方面,Firebug将其报告为javascript和DOM检查器中的值(以像素为单位)(使用您的小提琴)。 Firefox内置的dom检查器也会将其报告为像素大小,而不是计算。

我没有在IE中进行测试。

所以我的回答是 - 可能 - 你不能这样做。 (或者至少你不能用通用的可靠的跨浏览器方式来实现)min-width的值无论如何都会根据封闭元素改变,所以它可能是你必须要计算的东西苍蝇,因为你可以在任何给定的时间点找出封闭元素的宽度。