Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将css calc函数转换为px中的值_Javascript_Jquery_Css_Less_Calc - Fatal编程技术网

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

Javascript 将css calc函数转换为px中的值,javascript,jquery,css,less,calc,Javascript,Jquery,Css,Less,Calc,我试图将某个元素的最小高度设置为另一个元素的最小宽度。某个元素的最小宽度是用一些计算公式给出的,这个公式以后可能会改变。我尝试使用JQuery将最小高度设置为最小宽度,但它只是插入了计算公式,该公式没有给出相同的输出,因为宽度的20%不是高度的20%。我在看,但是这个方程的解需要知道jquery中的公式是什么,我想写我的代码,这样无论你在更少的时间里对计算公式做了多少修改,它都能工作 例如: 似乎是我特有的浏览器。Chrome将最小宽度报告为计算值,在开发工具DOM inspector中,它也报

我试图将某个元素的最小高度设置为另一个元素的最小宽度。某个元素的最小宽度是用一些计算公式给出的,这个公式以后可能会改变。我尝试使用JQuery将最小高度设置为最小宽度,但它只是插入了计算公式,该公式没有给出相同的输出,因为宽度的20%不是高度的20%。我在看,但是这个方程的解需要知道jquery中的公式是什么,我想写我的代码,这样无论你在更少的时间里对计算公式做了多少修改,它都能工作

例如:


似乎是我特有的浏览器。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