標籤：瀏覽器 www. 問號 需要 ie6 with 公式 strong 改變
px單位
比較穩定精確，但在瀏覽器中放大縮小頁面時會出現問題：使用者改變瀏覽器字型，會使頁面配置被打破，因此提出使用“em”
em單位
它需要一個參考點，一般以<body>的“font-size”為基準。比如使用“1em”來改變預設值“1em=16px”,這樣一來，設定字型“14px”時，只需要將其設定為“1.4em”
body { font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}h1 { font-size: 2.4em; /*2.4em × 10 = 24px */}p { font-size: 1.4em; /*1.4em × 10 = 14px */}li { font-size: 1.4em; /*1.4 × ? = 14px ? */}
為什麼“li”的“1.4em”是不是“14px”是一個問號呢，因為“em”是一個相對值，相對於父元素，其真正計算公式是：
1 ÷ 父元素的font-size × 需要轉換的像素值 = em值
rem單位
CSS3的出現，引進了新的單位rem——font size of the root element。rem是相對於根項目<html>，意味著我們只需要確定一個參考值。
html { font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}body { font-size: 1.4rem;/*1.4 × 10px = 14px */}h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/}
rem在瀏覽器中的相容性
IE6-8無法支援，其他主流均可
原文連結：http://www.w3cplus.com/css3/define-font-size-with-css3-rem
CSS3的REM設定字型大小——筆記
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
