第六周（CSS單位）
阿新 • • 發佈：2018-10-31
最好的 ref height 輸出 像素 當前 style css 參考
註：本資料參考RUNOOB.COM
相對長度
相對長度單位指定了一個長度相對於另一個長度的屬性。對於不同的設備相對長度更適用。
| 單位 | 描述 | |
|---|---|---|
| em | 它是描述相對於應用在當前元素的字體尺寸，所以它也是相對長度單位。一般瀏覽器字體大小默認為16px，則2em == 32px； | |
| ex | 依賴於英文子母小 x 的高度 | |
| ch | 數字 0 的寬度 | |
| rem | 根元素（html）的 font-size | |
| vw | viewpoint width，視窗寬度，1vw=視窗寬度的1% | |
| vh | viewpoint height，視窗高度，1vh=視窗高度的1% | |
| vmin | vw和vh中較小的那個。 | |
| vmax | vw和vh中較大的那個。 | |
| % |
絕對長度
絕對長度單位是一個固定的值，它反應一個真實的物理尺寸。絕對長度單位視輸出介質而定，不依賴於環境（顯示器、分辨率、操作系統等）。
| 單位 | 描述 | |
|---|---|---|
| cm | 厘米 | |
| mm | 毫米 | |
| in | 英寸 (1in = 96px = 2.54cm) | |
| px * | 像素 (1px = 1/96th of 1in) | |
| pt | point，大約1/72英寸； (1pt = 1/72in) | |
| pc | pica，大約6pt，1/6英寸； (1pc = 12 pt) |
像素或許被認為是最好的"設備像素"，而這種像素長度和你在顯示器上看到的文字屏幕像素無關。px實際上是一個按角度度量的單位。
第六周（CSS單位）