px ⇄ rem ⇄ em ⇄ vw, cỡ chữ co giãn bằng clamp() và thang chữ cho CSS/Tailwind.
Đổi đơn vị: một độ dài ở px, rem, em, pt, %, vw, vh và các đơn vị khác, hiện ở mọi đơn vị cùng lúc, theo cỡ chữ gốc, cỡ chữ phần tử cha và khung nhìn bạn đặt. clamp() co giãn: cho cỡ ở khung nhìn nhỏ và lớn, nhận giá trị clamp() tăng tuyến tính, công thức, bảng cỡ theo độ rộng và xem thử. Thang chữ và khoảng cách: thang tỷ lệ cố định hoặc co giãn, xuất ra biến CSS, Tailwind v4 hoặc v3.
Độ dốc = (S₂ − S₁) / (W₂ − W₁), hệ số chặn = S₁ − độ dốc × W₁. Với 16px ở 320px và 24px ở 1280px: clamp(1rem, 0,8333rem + 0,8333vw, 1,5rem), ra 20px ở 800px.
Phóng to trình duyệt làm to phần rem nhưng không làm to phần vw. Hãy luôn giữ phần rem và đừng để cỡ lớn nhất vượt quá khoảng 2,5 lần cỡ nhỏ nhất, để chữ vẫn phóng được tới 200 %. Xem thêm rem, px hay clamp() cho chữ co giãn.
Bằng cỡ chữ gốc, mặc định 16px, nhưng người dùng và trang web có thể đổi.
rem theo cỡ chữ gốc; em theo cỡ chữ phần tử cha nên bị cộng dồn khi lồng nhau.
Độ dốc = (cỡ lớn − cỡ nhỏ) ÷ (rộng lớn − rộng nhỏ); hệ số chặn = cỡ nhỏ − độ dốc × rộng nhỏ.
Có thể, nếu giữ phần rem và không để khoảng cỡ quá rộng; hãy thử bằng phóng to trình duyệt.
Cập nhật 14 tháng 10, 2026 · Thêm trong nhóm Web, SEO và marketing
