使用jQuery和ems计算CSS值

我必须为一个项目使用一个计算值。最好使用CSS3

calc

属性。但是，Android Webview本机浏览器不支持这一点。因此，我发现最简单的方法是使用jQuery来处理这种行为：

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

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

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

这是行不通的

---

您有什么（简单的）解决方案来处理这个问题吗？

最好是为计算创建一个变量

var calc = 0;

然后使用该变量输出新值

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.

如果您需要进一步的帮助，那么我已经创建了一个JSFIDLE，您可以..FIDLE。

---

希望这有帮助

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

可能重复的