css - Firefox 和 Safari 中的字体大小不一样

Question

我在正文中使用了 14px 的字体大小，据此我以百分比为所有元素指定了大小。但问题是 firefox 很好，但在 safari 和 chrome 中，大小不一样。请有人帮助我

我知道 css hack 但我需要一个正确的方法来解决这个问题

Answer 1

设置正文的基本字体大小，例如:

body {
    font-size: 63%;
}

然后，对于其余元素的字体大小，使用相对单位，例如 em。例如:

#navigation {
    font-size: 1.2em;
}