CSS 單位轉換是指相互轉換 Web 設計中使用的各種長度單位（px、em、rem、%、vw、vh 等）。
絕對單位和相對單位
CSS 單位大致分為絕對單位和相對單位。絕對單位（px、pt、cm 等）是固定大小，相對單位（em、rem、%、vw、vh 等）用相對於基準的比率表示。
px（像素）
最常用的單位，表示螢幕上的 1 點。固定大小易於處理，但會忽略使用者的字型大小設定，存在無障礙性問題。
em
基於父元素字型大小的相對單位。1em = 父元素的 font-size。在巢狀結構中會複合計算，因此深層次可能出現意外大小。
rem（根 em）
基於根元素（html）字型大小的相對單位。1rem = html 的 font-size（通常 16px）。與 em 不同不受巢狀影響，現代 CSS 推薦使用。
%（百分比）
表示相對於父元素大小的比例。font-size 的情況基於父的 font-size，width 的情況基於父的 width。需注意不同屬性的基準不同。
vw/vh（視埠單位）
基於視埠（顯示區域）大小的單位。1vw = 視埠寬度的 1%，1vh = 視埠高度的 1%。在響應式設計中可實現根據螢幕大小靈活調整的版面配置。
pt/pc（印刷單位）
印刷業界使用的單位。1pt = 1/72 英吋，1pc = 12pt。用於印刷 CSS 或 PDF 生成，但螢幕顯示通常使用 px 或 rem。
物理單位（cm/mm/in）
表示實際物理長度的單位。1in = 2.54cm = 25.4mm = 96px（CSS 定義）。在需要與印刷物一致時使用，但不保證螢幕的物理大小。
即時轉換的優點
本工具支援即時轉換，更改基準值後結果會立即更新。可快速確認不同螢幕尺寸或字型設定下的顯示效果，實現高效的 CSS 設計。