默認 HTML 字體大小

Question

我想知道默認的 html 字體大小是多少，但我找不到答案。

我的意思是：

與此對應的字體大小（以像素為單位）是多少：

html {
    font-size: 100%;
}

如果您需要計算 rem 字體大小，了解這一點可能會很有用。

Answer 1

默認值為 16px。

如果您創建一個包含任何文本的 HTML 文件，請在 Chrome 中打開它，您可以檢查計算出的樣式。

Answer 2

在W3 CSS 規范中，除了相對值medium之外，沒有明確的默認font-size 。

話雖如此，對 IE、Firefox 和 Chrome 的開發人員版本的快速測試都表明事實上的標准是 16px。 我很想看到有人在移動版本上測試這個。

編輯：截至 2017 年 3 月 20 日，桌面版 Chrome、Firefox、Edge 和 IE 以及移動版 Chrome、Firefox 和 Opera 的穩定版本均默認為font-size實際標准 16px。

Answer 3

現場演示

這是一個簡單的檢查方法：

HTML：

<p>Hello world</p>
<span></span>

查詢：

$('span').text("Font-size is: "+($('p').css('font-size')));

屏幕輸出：

Hello world

Font-size is: 16px

Answer 4

默認值取決於瀏覽器。 這實際上是使用rem單位的真正原因。 例如，如果我們知道默認值是16px ，那么使用rem就沒有什么意義了。

正如其他答案所描述的那樣，瀏覽器中的常見出廠設置默認值為16px 。 這可以由用戶在瀏覽器設置中更改。 在某些瀏覽器中，您可以將大小設置為以像素為單位的任意數字，而某些瀏覽器只有幾種選擇，如口頭描述。 此外，還可以在用戶樣式表中設置默認字體大小。