覆盖phonegap中的字体大小

Question

我正在为android和iOs构建一个带phonegap的应用程序。我遇到的问题是虽然我在CSS中设置了一个字体大小的某些设备（例如甚至带有kitkat的Nexus 5）的webView渲染的字体大小与我设置的不同（我设置了一个带字体的警告 - 大小和它是不同的）。

CSS：

#menu {
  font-size: 10px !important; 
}

JavaScript的：

$("#menu").css("font-size", "10px");

alert($("#menu").css("font-size"));

并且没有任何效果，它打印出9px。

我认为这是一个铬问题（因为我知道kitkat正在使用铬而旧版本并没有），但是当我把它放在网上时，在我的Chrome上一切都显示出来。

知道如何解决这个问题吗？

Answer 1

也许有另一个班级覆盖你的重要规则

尝试：

body#menu {
  font-size: 10px !important; 
}