刨根問底，請問所有瀏覽器的默認字型大小都是 16px 嗎？

---

瀏覽器的默認字體高都是16px，所以未經調整的瀏覽器在顯示1em=16px，也就是說1px=0.0625em。

為了簡化font-size的換算，可以在css中的body中先全局聲明font-size：62.5%，也就是定義了默認字體大小為16px*0.625=10px,子元素會繼承父級元素的字體大小，於是1em=10px，所以12px=1.2em。px與em的轉換通過10就可以得來。但是注意定義font-size=0.625em或者直接定義12px，是沒有效果的

IE處理漢字時，對於浮點的取值精確度有限，由以上方法得到的12px(1.2em)大小的漢字在IE中並不等於直接用12px定義的字體大小，而是稍大一點。所以只要將62.5%換成63%就可以了。

---

瀏覽器常常默認16像素字型大小，現在這麼多設備，平台和版本，肯定有不一樣的吧？

從沒遇到過有關默認字型大小的規範。找不到答案就把問題想簡單點:各大瀏覽器廠商就是不約而同把字型大小默認為16。這個默認值可以在瀏覽器選項里調整。

font-size設置一個em框為16，em框撐起行框，行框堆積起塊。

---

有幸碰到過不一樣的——macOS Firefox 默認 15。

---

沒有查到規範如何定義默認字型大小。如果有查到請告訴我。

基本上瀏覽器默認的設置都是16px，我還沒有遇到過特立獨行的。

但是一般為了保險以及全局統一或者其他需求，都會覆蓋掉這個默認設置。

CSS/Properties/font-size - W3C Wiki?

www.w3.org

font-size?

developer.mozilla.org

---

推薦閱讀：