Javascript 将css calc函数转换为px中的值
我试图将某个元素的最小高度设置为另一个元素的最小宽度。某个元素的最小宽度是用一些计算公式给出的,这个公式以后可能会改变。我尝试使用JQuery将最小高度设置为最小宽度,但它只是插入了计算公式,该公式没有给出相同的输出,因为宽度的20%不是高度的20%。我在看,但是这个方程的解需要知道jquery中的公式是什么,我想写我的代码,这样无论你在更少的时间里对计算公式做了多少修改,它都能工作 例如:Javascript 将css calc函数转换为px中的值,javascript,jquery,css,less,calc,Javascript,Jquery,Css,Less,Calc,我试图将某个元素的最小高度设置为另一个元素的最小宽度。某个元素的最小宽度是用一些计算公式给出的,这个公式以后可能会改变。我尝试使用JQuery将最小高度设置为最小宽度,但它只是插入了计算公式,该公式没有给出相同的输出,因为宽度的20%不是高度的20%。我在看,但是这个方程的解需要知道jquery中的公式是什么,我想写我的代码,这样无论你在更少的时间里对计算公式做了多少修改,它都能工作 例如: 似乎是我特有的浏览器。Chrome将最小宽度报告为计算值,在开发工具DOM inspector中,它也报
似乎是我特有的浏览器。Chrome将最小宽度报告为计算值,在开发工具DOM inspector中,它也报告为计算值 另一方面,Firebug在javascript和DOM检查器(使用您的小提琴)中将其报告为像素值。Firefox的内置dom inspector也将其报告为像素大小,而不是计算 我没有费心在IE中测试
所以我的答案是——可能——你做不到。(或者至少你不能用一种通用的跨浏览器的方式)最小宽度的值无论如何都会根据封闭元素而改变,因此你可能需要动态计算,因为你可以在任何给定的时间点找到封闭元素的宽度。请注意,在
-
旁边必须有一个空格,否则它将无法工作,因此语法应该是宽度:calc(100%-100px)代码>在我完全理解您的问题之前,我提前表示歉意。不过,我发现这可能会有所帮助:。@Jon谢谢你的回答,但我尝试了这个答案,但它仍然无法与计算公式一起工作。使用JQuery css函数,它返回整个calc函数,并在其后面附加“px”不起作用:@JonEdwards,我以前的JSFIDLE不好,该代码在使用.width()时有效。然而,当使用.css('min-width')时,它还没有给出px的计算公式,我想我不明白,但是你知道width和min-width不是一回事,不管你是如何得出这个值的?
$(element).width() returns the width in pixels
$(element).css('min-width') returns the equation