#15 網頁使用的單位大解析：px、rem、em、%、vw、vh (dvh, lvh, svh)、vmin、vmax
Y
Chief Designer @HealthyPlate
⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。
在網頁設計中，我們會使用到各種單位來調整尺寸和排版，而單位分成絕對單位和相對單位。
↓ 今日學習重點 ↓
- 了解好用的 CSS 單位並使用它們
以下是各種好用的單位介紹：
絕對單位
1. 像素（pixels, px）
前幾篇的範例我們有使用到的 pixels 像素 (px)，這是最常見的絕對單位。
螢幕的顯示是由很多格子組合起來的，在早期的螢幕上，眼睛湊很近看都能看到一格一格的格子，1 pixel 就代表螢幕上的一個格子。後來，隨著科技進步，螢幕解析度變高，1 pixel 可以代表 2x2、3x3 個格子，讓畫面更加細緻，這就叫作像素密度 (Pixel Density)。
但不管怎麼樣，這是螢幕的最小單位。
2. 其他
除了 px 外，還有許多其他網頁上可以運用的絕對單位，但是較少用到，因為大多都是使用在印刷上，而網頁通常不會當成印刷的載體。這些其他的單位總共有…
