請看下面的例子:(live demo here)爲什麼字體在平臺上看起來不同?
HTML:
<label>Name</label>
CSS:
label {
font-family: serif;
font-size: 16px;
}
JS:
$(function() {
console.log($("label").width());
});
當我運行Windows 7的這個例子與火狐,結果是38
。但是,當我在Ubuntu上使用Firefox(使用VirtualBox)運行相同的示例時,結果爲48
。在這兩種情況下,Firefox版本都是7.0.1。
這是什麼區別?我怎麼能使這是相同的?
將'serif'更改爲'Arial'解決了這個問題。 –