Bộ Chuyển Đổi Đơn Vị CSS
Nhập giá trị và chọn đơn vị để chuyển đổi. Điều chỉnh cài đặt nâng cao cho tính toán 'em', 'rem', 'vw', 'vh', và '%'.
| From | To | Formula |
|---|---|---|
| px | rem | px ÷ rootFontSize |
| px | em | px ÷ parentFontSize |
| px | vw | (px ÷ viewportWidth) × 100 |
| px | vh | (px ÷ viewportHeight) × 100 |
| px | % | (px ÷ parentFontSize) × 100 |
px (Pixels): Pixel; đơn vị tuyệt đối tương đối với thiết bị hiển thị.
em: Tương đối với kích thước font của phần tử cha.
rem: Tương đối với kích thước font của phần tử gốc (html).
vw/vh: 1% chiều rộng viewport.
%: Tương đối với giá trị của phần tử cha cho cùng thuộc tính (ví dụ: kích thước font của phần tử cha cho chuyển đổi kích thước font).
pt (Points): Point; đơn vị tuyệt đối (1pt = 1/72 inch).
in, cm, mm: Inch; đơn vị tuyệt đối (1in = 96px)., Centimeter; đơn vị tuyệt đối (1cm ≈ 37.8px)., Millimeter; đơn vị tuyệt đối (1mm = 1/10 centimeter).
Cách sử dụng Bộ Chuyển Đổi Đơn Vị CSS
- 1
Nhập giá trị và đơn vị
Gõ con số bạn muốn chuyển đổi, sau đó chọn đơn vị From và đơn vị To, chẳng hạn px sang rem.
- 2
Thiết lập ngữ cảnh nâng cao
Với các đơn vị tương đối, mở Advanced Settings để đặt cỡ chữ gốc, cỡ chữ của phần tử cha, cùng chiều rộng và chiều cao khung nhìn dùng trong phép tính.
- 3
Chuyển đổi
Nhấn Convert để tính giá trị tương đương, hoặc dùng Swap để đảo ngược đơn vị From và To.
- 4
Sao chép kết quả
Dùng Copy Result để lấy giá trị đã chuyển đổi cho bảng định kiểu của bạn.
Câu hỏi thường gặp
Công cụ có thể chuyển đổi giữa những đơn vị CSS nào?
Vì sao việc chuyển đổi em, rem và viewport cần cài đặt thêm?
Công cụ giả định cỡ chữ cơ sở là bao nhiêu?
Các chuyển đổi đơn vị tuyệt đối chính xác đến đâu?
Bộ chuyển đổi có miễn phí và chạy cục bộ không?
Công cụ liên quan
Tiếp tục với những công cụ hữu ích này