常用單位
在CSS中可以用很多不同的方式來設定字體的尺寸。一般來說，這些單位被分成兩大類：絕對單位(absolute)和相對單位(relative)。
絕對單位在大多數情況下是相對于某些實際量度而言的固定值，即是說它們一旦設定，就不會因為其他元素的字體尺寸變化而變化。
相對單位沒有一個固定的度量值，而是由父元素尺寸來決定的相對值，它們的尺寸會根據與其相關的元素改變而改變。
下面是對這些單位的一個簡單整理：
這里主要關注這幾個單位：px、pt、%、em、rem和vw。
它們之間有什么區別？
從概念上很難理解這些單位之間的差別，所以下面用一些實例來說明。
例1. 默認設定
當你不設定字體尺寸時，HTML會提供一個默認的尺寸設定。大多數瀏覽器中<html>和<body>標簽中的默認字體尺寸是100%，沒有概念？看這個等式：
還是不懂？那就換個說法，比如說你給一個<p>設置字體尺寸為100%，給另一個<p>設置為16px，在屏幕上看到的這兩個<p>中的字體大小是一樣的，下圖列出了用幾個不同單位設置的字體尺寸，可以看出是一樣大的：
例2. 絕對與相對
改變<html>的字體尺寸可以很明顯的看出絕對單位和相對單位的差別。如果把<html>設置為html { font-size: 200% }，就會影響所有使用相對單位的<p>。效果如下圖：
這就是相對單位最主要的優勢了，借助相對單位的這種特性就可以設計出真正的響應式頁面，而所要做的只是修改<html>的字體尺寸
例3. rem與em(或者%)
em(或者%)需要通過父元素的字體尺寸來計算尺寸：
新聞熱點
疑難解答
