CSS 單位參考
| Unit | Name | Type | Description | Example |
|---|---|---|---|---|
| px | Pixels | absolute | One pixel on screen. The most basic unit. | font-size: 16px; |
| em | Em | relative | Multiple of the parent element font-size. | padding: 1.5em; |
| rem | Root Em | relative | Multiple of the root (html) element font-size. | margin: 2rem; |
| % | Percent | relative | Percentage relative to the corresponding parent property. | width: 50%; |
| vw | Viewport Width | viewport | 1% of the viewport width. | width: 100vw; |
| vh | Viewport Height | viewport | 1% of the viewport height. | height: 100vh; |
| vmin | Viewport Min | viewport | 1% of the smaller of vw and vh. | font-size: 5vmin; |
| vmax | Viewport Max | viewport | 1% of the larger of vw and vh. | width: 50vmax; |
| dvh | Dynamic VH | viewport | Dynamic viewport height (accounts for mobile address bar). | height: 100dvh; |
| svh | Small VH | viewport | Smallest viewport height. | min-height: 100svh; |
| lvh | Large VH | viewport | Largest viewport height. | max-height: 100lvh; |
| ch | Character | relative | Based on the width of the "0" character. | max-width: 60ch; |
| ex | X-Height | relative | Based on the height of the "x" character. | line-height: 2ex; |
| cm | Centimeters | absolute | Centimeters. For print. | width: 10cm; |
| mm | Millimeters | absolute | Millimeters. For print. | margin: 5mm; |
| in | Inches | absolute | Inches (1in = 96px). | width: 2in; |
| pt | Points | absolute | Points (1pt = 1/72in). | font-size: 12pt; |
| cqi | Container Inline | container | 1% of the container inline size. | font-size: 5cqi; |
| cqb | Container Block | container | 1% of the container block size. | padding: 2cqb; |
19개 표시 중
最後更新：2026 · 免費線上工具
什麼是 CSS 單位參考？
免費線上CSS單位參考，按類別整理px、em、rem、%、vw、vh、vmin、vmax、ch等單位的用途與用法，並說明絕對單位與相對單位的換算關係和常見取值場景。 可在編碼時於一處快速查閱程式碼、符號、快速鍵等參考資訊，在瀏覽器中即時搜尋與複製，無需註冊或安裝即可免費使用。 結果可一鍵複製，整個過程簡單快捷，無需下載任何軟體，在手機和電腦上都能隨時流暢使用。
使用方法
- 1輸入— 輸入所需資料。
- 2結果— 查看處理結果。
- 3複製— 複製結果使用。
相關工具
正則表達式速查表按詮釋字元、量詞、錨點、分組等類別整理正規表達式語法，支援搜尋和一鍵複製模式，並相容JavaScript正規表達式的免費正規速查表 適用於撰寫與測試正規表示式、SQL、程式碼格式化等開發工作，全部在瀏覽器本機處理，程式碼不會上傳伺服器，無需安裝或註冊即可免費使用。 結果可一鍵複製，整個過程簡單快捷，無需下載任何軟體，在手機和電腦上都能隨時流暢使用。
Git 速查表免費線上Git速查表，按類別整理可搜尋的常用指令，涵蓋分支、合併、rebase、stash和reset，每條附帶語法說明並標註危險等級，避免誤刪提交。 可在編碼時於一處快速查閱程式碼、符號、快速鍵等參考資訊，在瀏覽器中即時搜尋與複製，無需註冊或安裝即可免費使用。 結果可一鍵複製，整個過程簡單快捷，無需下載任何軟體，在手機和電腦上都能隨時流暢使用。
常見問題
免費線上CSS單位參考，涵蓋所有CSS長度、角度、時間單位。
不會。所有處理都在瀏覽器中完成。
是的，響應式設計支援行動裝置。