jquery - 使用 jQuery 和 ems 计算 CSS 值

Question

我必须为项目使用计算值。最好是使用 CSS3calc属性。但是，Android Webview 原生浏览器不支持此功能。因此，我发现最简单的方法是使用 jQuery 来处理这种行为：

$(element).css('width','100%').css('width','-=100px');

问题是这一次，我需要使用 em 值而不是 px 值：

$(element).css('width','100%').css('width','-=1em');

这行不通。

你有任何（简单的）解决方案来处理这个问题吗？

Answer 1

最好的办法是为计算创建一个变量。

var calc = 0;

然后使用该 var 输出您的新值。

calc = $(element).width() - 100;

将此值写入您的控制台，以确保您可以接受该值。

console.log(calc);

一旦你没问题，你应该能够使用它来设置css中的宽度

$(newElement).css({"width" , calc + "px"}); 
//Note: this syntax allows for multiple attributes to be applied to an element.

如果您需要进一步的帮助，那么我创建了一个 JSFiddle，您可以在其中使用 ..fiddle。 http://jsfiddle.net/Fp7qp/

希望这可以帮助！

Answer 2

你最好不要在没有 em 的情况下做数学。除非您在元素上声明字体大小，否则 1em 将等于 16px。