我试图将某个元素的最小高度设置为另一个元素的最小宽度。某个元素的最小宽度是使用一些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
答案 0 :(得分:3)
似乎是特定于浏览器的。 Chrome会将min-width报告为计算结果,在开发人员工具DOM检查器中,它也会报告为计算结果。
另一方面,Firebug将其报告为javascript和DOM检查器中的值(以像素为单位)(使用您的小提琴)。 Firefox内置的dom检查器也会将其报告为像素大小,而不是计算。我没有在IE中进行测试。
所以我的回答是 - 可能 - 你不能这样做。 (或者至少你不能用通用的可靠的跨浏览器方式来实现)min-width的值无论如何都会根据封闭元素改变,所以它可能是你必须要计算的东西苍蝇,因为你可以在任何给定的时间点找出封闭元素的宽度。