Skip to main content
CalculoraCalculora

Tài Chính & Kinh Doanh

Tài ChínhĐầu Tư & Lập Kế HoạchTài Chính Cá NhânĐầu Tư Bất Động SảnKinh DoanhKhởi Nghiệp & SaaS

Toán Học & Công Nghệ

Toán HọcKỹ ThuậtCông Cụ Vật LýCông Cụ Lập TrìnhCông Cụ Học Đường

Sức Khỏe & Cuộc Sống

Công Cụ Y TếTiện Ích Thông MinhCông Cụ Ngẫu Nhiên

Sáng Tạo & Chuyên Biệt

Kinh Tế Sáng TạoHồi GiáoPhát Triển Bền VữngTrò chơi

Chuyển Đổi

Bộ chuyển đổi đơn vịBộ chuyển đổi chiều dàiBộ chuyển đổi cân nặngBộ chuyển đổi nhiệt độ→ Công Cụ Chuyển Đổi Đơn Vị

Ngẫu Nhiên

Trình tạo số ngẫu nhiênKiểm Tra Mật Khẩu MạnhQuay bánh xeMô Phỏng Tung Đồng XuMô Phỏng Tung Xúc XắcMáy Tính Trùng Múi Giờ→ Công Cụ Ngẫu Nhiên
Chuyển đổi File

Công cụ PDF

Chuyển đổi PDF sang JPGChuyển đổi PDF sang PNGChuyển đổi PDF sang TXTChuyển đổi PDF sang GIFChuyển đổi PDF sang WebPChuyển đổi PDF sang SVGChuyển đổi PDF sang DOCXChuyển PDF thành ExcelChuyển PDF thành PowerPointChuyển PDF thành HTMLChuyển PDF thành MarkdownChuyển PDF thành TIFF

Chuyển đổi hình ảnh

Chuyển đổi JPG sang PNGChuyển đổi PNG sang JPGChuyển đổi PNG sang WebPChuyển đổi WebP sang PNGChuyển đổi WebP sang JPGChuyển đổi JPG sang WebPChuyển SVG sang PNGChuyển SVG thành JPGChuyển đổi SVG sang WebPChuyển đổi BMP sang PNGChuyển đổi BMP sang JPGChuyển đổi BMP sang WebP

Hình ảnh nâng cao

Chuyển đổi HEIC sang JPGChuyển đổi HEIC sang PNGChuyển đổi TIFF sang JPGChuyển đổi TIFF sang PNGChuyển đổi JPG sang TIFFChuyển đổi PNG sang TIFFChuyển đổi JPG sang ICOChuyển đổi PNG sang ICOChuyển đổi JPEG sang AVIFChuyển đổi PNG sang AVIF

GIF & Hoạt hình

Chuyển đổi khung GIF sang PNGChuyển đổi khung GIF sang JPGChuyển đổi GIF thành từng khung hình riêng lẻ (PNG/JPEG)Chuyển đổi PNG sang GIFChuyển đổi JPG sang GIFChuyển đổi GIF sang WebP

Chỉnh sửa

Thêm hình mờXóa đối tượng khỏi ảnhThay đổi kích thước ảnh ngay lập tức trong trình duyệtNén ảnh trực tuyến — giảm dung lượng, giữ nguyên chất lượng
Thử Thách Toán HọcThử Thách Tính NhẩmWordleBint WaladSudoku2048
Chuyển Đổi Tiền Tệ
CalculoraCalculora

Nền tảng máy tính toàn diện. Công cụ miễn phí, nhanh và chính xác cho mọi nhu cầu.

Dữ liệu nhập vào máy tính vẫn riêng tư 100% — tất cả các phép tính diễn ra trong trình duyệt của bạn và không bao giờ đến máy chủ của chúng tôiMiễn phí mãi mãi - không paywall, không đăng ký, không cần tài khoản

Phổ Biến

  • Máy tính BMI
  • Máy tính khoản vay
  • Máy tính tuổi
  • Máy tính thế chấp
  • Máy tính phần trăm
  • Máy tính khoa học

Toán Học

  • Máy Tính Thống Kê
  • Máy Giải Phương Trình
  • Máy tính phân số
  • Máy Tính Phân Tích Thừa Số Nguyên Tố
  • Máy Tính GCD & LCM
  • Máy Tính Logarit

Tài Chính

  • Máy Tính FIRE
  • Máy Tính Thanh Toán Nợ Theo Số Dư
  • Máy tính đầu tư
  • Máy tính hưu trí
  • Máy tính lương
  • Máy tính ROI

Pháp Lý

  • Xem Tất Cả
  • Danh Mục
  • Chuyển Đổi Tiền Tệ
  • Sơ Đồ Trang
  • Trò Chơi & Công Cụ
  • Về Chúng Tôi
  • Liên Hệ
  • Chính Sách Bảo Mật
  • Điều Khoản Dịch Vụ
  • Tuyên bố miễn trừ trách nhiệm

Ngôn Ngữ

  • enEnglish
  • arالعربية
  • esEspañol
  • deDeutsch
  • frFrançais
  • hiहिन्दी
  • idBahasa Indonesia
  • itItaliano
  • ja日本語
  • ko한국어
  • ptPortuguês
  • ruРусский
  • trTürkçe
  • viTiếng Việt
  • bnবাংলা
  • zh中文
  • nlNederlands
  • plPolski
  • ukУкраїнська
  • msBahasa Melayu
  • thภาษาไทย

© 2026 Calculora. Bảo lưu mọi quyền.

Được xây dựng với - 100% miễn phí

Nhẹ và nhanh — cookie và phân tích chỉ hoạt động khi có sự đồng ý của bạn

  1. Trang Chủ
  2. Công Cụ Lập Trình
  3. Bộ chuyển đổi đơn vị CSS

Bộ chuyển đổi đơn vị CSS

Chuyển đổi ngay giữa px, rem, em, pt, vw, vh và %, dùng kích thước phông chữ cơ sở và kích thước khung nhìn của riêng bạn — không cần đoán mò 1.5rem thực ra là bao nhiêu pixel.

Bộ chuyển đổi đơn vị CSS là gì?

CSS hỗ trợ nhiều đơn vị khác nhau để định kích thước — đơn vị tuyệt đối như px và pt, và đơn vị tương đối như rem, em, vw, vh và %. Các đơn vị tương đối rất cần thiết cho thiết kế đáp ứng, dễ tiếp cận (rem đặc biệt tôn trọng tùy chọn kích thước phông chữ của trình duyệt người dùng), nhưng việc chuyển đổi giữa chúng bằng nhẩm thực sự khó khăn, vì kết quả phụ thuộc vào ngữ cảnh: kích thước phông chữ gốc, kích thước phông chữ của phần tử hiện tại, hoặc kích thước khung nhìn.

Bộ chuyển đổi này thực hiện phép tính đó thay bạn: đặt kích thước phông chữ cơ sở, kích thước khung nhìn, và giá trị bạn đang chuyển đổi, rồi xem giá trị tương đương ở mọi đơn vị khác ngay lập tức — hữu ích để chuyển các số đo pixel từ bản thiết kế mockup sang giá trị rem/vw đáp ứng, hoặc kiểm tra lại xem một quy tắc CSS hiện có thực sự hiển thị như thế nào trên màn hình.

Công Thức

1rem = 1em = kích thước phông chữ cơ sở (mặc định 16px)
1pt = 96/72 px ≈ 1,333px
1vw = chiều rộng khung nhìn / 100
1vh = chiều cao khung nhìn / 100
1% = giá trị tham chiếu / 100

Cách Tính

  1. Nhập giá trị bạn muốn chuyển đổi và chọn đơn vị ban đầu của nó.
  2. Đặt kích thước phông chữ cơ sở của bạn (mặc định là chuẩn trình duyệt 16px).
  3. Với chuyển đổi vw/vh, nhập chiều rộng và chiều cao khung nhìn mục tiêu.
  4. Xem giá trị tương đương ở mọi đơn vị khác ngay lập tức.

Ví Dụ

Với kích thước phông chữ cơ sở 16px, 1.5rem chuyển đổi thành 24px. Với chiều rộng khung nhìn 1440px, 5vw chuyển đổi thành 72px.

Lợi Ích Chính

  • Chuyển đổi giữa cả 7 đơn vị CSS thông dụng ở một nơi
  • Dùng kích thước phông chữ cơ sở và khung nhìn thực tế của bạn, không phải một giả định cố định
  • Kết quả tức thì khi bạn gõ — không cần mở công cụ dành cho nhà phát triển của trình duyệt
  • Miễn phí, không cần đăng ký, chạy hoàn toàn trong trình duyệt của bạn

Những Lỗi Thường Gặp Cần Tránh

  • Cho rằng 1rem luôn bằng 16px, mà không kiểm tra xem kích thước phông chữ gốc có bị thay đổi hay không
  • Dùng vh cho bố cục toàn màn hình trên di động mà không tính đến hành vi thanh địa chỉ của trình duyệt
  • Lồng các kích thước phông chữ dựa trên em và bất ngờ khi chúng cộng dồn ngoài dự kiến
  • Trộn lẫn px và rem một cách không nhất quán trong cùng một thành phần, phá vỡ khả năng co giãn tiếp cận

Mẹo Chuyên Nghiệp

  • Ưu tiên rem hơn em cho kích thước phông chữ để tránh cộng dồn ngoài dự kiến trong các thành phần lồng nhau
  • Dùng dvh/svh thay vì vh cho bố cục toàn màn hình trên di động nếu trình duyệt mục tiêu của bạn hỗ trợ
  • Giữ kích thước phông chữ cơ sở nhất quán trong toàn bộ hệ thống thiết kế của bạn để việc chuyển đổi rem luôn có thể dự đoán được
  • Khi chuyển đổi một thiết kế chính xác từng pixel, hãy chuyển khoảng cách sang rem nhưng giữ độ rộng viền và các chi tiết nhỏ khác ở px

Các Thuật Ngữ Chính Được Giải Thích

Kích thước phông chữ gốc (Root font size)
kích thước phông chữ được đặt trên phần tử html, mà mọi đơn vị rem đều tương đối với nó
Khung nhìn (Viewport)
vùng hiển thị của một trang web trong cửa sổ trình duyệt
Đơn vị tuyệt đối (Absolute unit)
một đơn vị như px hoặc pt có kích thước thực cố định, không phụ thuộc vào ngữ cảnh nào
Đơn vị tương đối (Relative unit)
một đơn vị như rem, em, vw, hoặc % mà kích thước của nó phụ thuộc vào một giá trị khác

Trường Hợp Sử Dụng Phổ Biến

  • Chuyển đổi bản thiết kế Figma/Sketch dựa trên pixel của nhà thiết kế sang giá trị rem cho CSS dễ tiếp cận
  • Kiểm tra kích thước phông chữ đáp ứng dựa trên vw thực sự hiển thị như thế nào ở một chiều rộng màn hình cụ thể
  • Chuyển đổi CSS cũ dựa trên pt cho in ấn hoặc email sang px hoặc rem theo chuẩn web
  • Kiểm toán xem thang đo khoảng cách của hệ thống thiết kế có nhất quán trên các đơn vị hay không
  • Nhanh chóng kiểm tra một giá trị CSS trong khi rà soát mã mà không cần mở công cụ dành cho nhà phát triển

Câu Hỏi Thường Gặp

Sự khác biệt giữa rem và em là gì?
rem luôn tương đối với kích thước phông chữ của phần tử gốc (html), nên nó luôn nhất quán bất kể phần tử được lồng sâu đến đâu. em tương đối với kích thước phông chữ của chính phần tử hiện tại, nghĩa là nó có thể cộng dồn khi lồng nhau — để đơn giản, công cụ này xử lý cả hai giống nhau, dùng kích thước phông chữ cơ sở của bạn.
Tại sao 1rem thường bằng 16px?
16px là kích thước phông chữ mặc định của trình duyệt cho phần tử gốc html trong hầu như mọi trình duyệt. Vì rem tương đối với kích thước gốc đó, 1rem bằng 16px trừ khi trang (hoặc cài đặt trình duyệt của người dùng) thay đổi rõ ràng kích thước phông chữ gốc.
vw và vh dùng để làm gì?
vw (chiều rộng khung nhìn) và vh (chiều cao khung nhìn) là phần trăm của chiều rộng và chiều cao hiện tại của cửa sổ trình duyệt — 1vw bằng 1% chiều rộng khung nhìn. Chúng thường được dùng cho bố cục toàn màn hình và kiểu chữ đáp ứng co giãn theo màn hình.
Một pixel có luôn đúng bằng 1/96 inch không?
Theo đặc tả CSS thì có — một pixel CSS được định nghĩa là 1/96 inch, đó cũng là lý do 1pt (1/72 inch) chuyển đổi thành đúng 96/72 = 1,333 pixel CSS.

Công Cụ Liên Quan

Máy Tính Tỷ Lệ Khung Hình
Máy Tính Băng Thông
Máy Tính Thời Gian Tải Xuống
Máy Tính Chi Phí Lưu Trữ Đám Mây
Máy Tính Chi Phí CDN
Máy Tính Kiếm Tiền Từ API
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100