SheepDev

CSS 單位計算

CSS 單位計算可在瀏覽器中依明確字型與 viewport 條件轉換 px、rem、em、vw、vh。

CSS 單位計算

⌂ 輸入與結果僅在此瀏覽器中處理,不會自動儲存或傳送。

設定
等待輸入

輸入與條件

設定

輸出

等待輸入

完整文字結果

使用方法

選擇來源與目標單位,依需要輸入根字級、元素基準字級與檢視區尺寸。

16px 不總是 1rem。工具不讀取網站 CSS,實際頁面仍需檢查計算樣式與文字放大效果。

範例

16

原理與限制

每個輸入限1,048,576位元組,輸出限33,554,432位元組,處理時間限5,000毫秒。輸入不會被靜默截斷。

指南

相關工具

數值、單位與位元

比例與長寬比

比例與長寬比可在瀏覽器中約分整數比並檢查長寬比。

Web、UI與CSS

Flexbox 與 Grid 產生

Flexbox 與 Grid 產生可在瀏覽器中根據 Flexbox/Grid 設定產生並預覽版面 CSS。