如何使用此計算機
輸入數值和單位,選擇目標單位。可自訂基礎字型大小(預設 16px)和視窗寬高。
公式與原理
1 rem = 根元素字型大小(預設 16px)。1 em = 父元素字型大小。1 vw = 視窗寬度 1%。
計算範例
24px = 1.5rem(基礎 16px 時)。2rem = 32px。50vw = 視窗寬度的一半。
專家建議
響應式設計優先用 rem。固定大小用 px。版面佈局用 vw/vh。避免混用太多不同單位。
在 px、rem、em、vw、vh、pt 和百分比 CSS 單位之間轉換,可自訂基礎字型大小。
輸入數值和單位,選擇目標單位。可自訂基礎字型大小(預設 16px)和視窗寬高。
1 rem = 根元素字型大小(預設 16px)。1 em = 父元素字型大小。1 vw = 視窗寬度 1%。
24px = 1.5rem(基礎 16px 時)。2rem = 32px。50vw = 視窗寬度的一半。
響應式設計優先用 rem。固定大小用 px。版面佈局用 vw/vh。避免混用太多不同單位。
如果您覺得這個工具有幫助,也可以試試我們的倒數計時器來做更完整的計算。 搭配使用DPI/PPI 計算機,可以獲得更全面的分析結果。 我們的字數計數器也能幫助您進行更深入的規劃。
px 是固定像素,rem 依據根元素 font-size 縮放。使用 rem 更適合響應式設計,預設 1rem=16px。
rem 參照根元素字型大小,適合全域間距設定。em 參照父元素字型大小,適合元件局部縮放。
是的,您可以直接選取結果文字進行複製。大部分瀏覽器都支援 Ctrl+C(Windows)或 Cmd+C(Mac)快捷鍵。
沒有。本工具完全免費且無使用次數限制。所有運算都在您的瀏覽器中執行,不需要註冊或登入。
本工具支援所有現代瀏覽器,包括 Chrome、Firefox、Safari、Edge。建議使用最新版本以獲得最佳體驗。