在行動裝置與桌面端視窗之間平滑縮放字型大小,消除媒體查詢造成的突兀跳躍。
定義字型範圍
輸入最小字型大小(例如 16px)與最大字型大小(例如 32px)。
設定視窗邊界
指定視窗寬度下限(例如 375px)與上限(例如 1440px)。
複製 clamp() 程式碼
點擊複製按鈕以取得產生的 CSS clamp() 程式碼片段。
精準計算 rem 與 vw 的斜率與 Y 軸截距,在瀏覽器調整大小時線性內插計算字型大小。
輸出乾淨的單行 CSS 語句,可直接複製到 Tailwind 設定檔或樣式表中。
是的,所有主流現代網頁瀏覽器皆已全面支援 CSS clamp()。
將 rem 與 vw 結合,能在動態縮放的同時,兼顧使用者的無障礙字型縮放設定。