将 css 计算函数转换为像素值
Convert css calc function to value in px
我正在尝试将某个元素的最小高度设置为另一个元素的最小宽度。某些元素的最小宽度是使用 less 中的一些计算公式给出的，该公式稍后可能会更改。我尝试使用 JQuery 将最小高度设置为最小宽度，但它只是插入了计算方程，该方程没有给出相同的输出，因为 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
似乎是特定于我的浏览器。 Chrome 将最小宽度报告为计算结果，在开发人员工具 DOM 检查器中，它也被报告为计算结果。
另一方面，Firebug 在 javascript 和 DOM 检查器中（使用您的 fiddle）将其报告为以像素为单位的值. Firefox 的内置 dom 检查器也将其报告为像素大小，而不是计算结果。
我没有费心在 IE 中测试。
所以我的回答是 - 可能 - 你做不到。 （或者至少你不能以一种通用的可靠的跨浏览器方式来做到这一点）min-width 的值无论如何都会改变，基于封闭元素，所以它可能是你只需要计算的东西苍蝇，因为你可以找出封闭元素在任何给定时间点的宽度。
我正在尝试将某个元素的最小高度设置为另一个元素的最小宽度。某些元素的最小宽度是使用 less 中的一些计算公式给出的，该公式稍后可能会更改。我尝试使用 JQuery 将最小高度设置为最小宽度，但它只是插入了计算方程，该方程没有给出相同的输出，因为 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
似乎是特定于我的浏览器。 Chrome 将最小宽度报告为计算结果，在开发人员工具 DOM 检查器中，它也被报告为计算结果。
另一方面，Firebug 在 javascript 和 DOM 检查器中（使用您的 fiddle）将其报告为以像素为单位的值. Firefox 的内置 dom 检查器也将其报告为像素大小，而不是计算结果。
我没有费心在 IE 中测试。
所以我的回答是 - 可能 - 你做不到。 （或者至少你不能以一种通用的可靠的跨浏览器方式来做到这一点）min-width 的值无论如何都会改变，基于封闭元素，所以它可能是你只需要计算的东西苍蝇，因为你可以找出封闭元素在任何给定时间点的宽度。