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 tập

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 PNGTrích xuất văn bản từ PDFChuyển đổi PDF sang GIFChuyển đổi PDF sang WebPChuyển đổi PDF sang SVGChuyển PDF thành WordChuyể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 JPG sang AVIFChuyển đổi PNG sang AVIF

GIF & Hoạt hình

Chuyển đổi khung GIF sang PNGChuyển đổi khung GIF sang JPGTrích xuất khung GIFChuyể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.

100% riêng tư - tất cả các phép tính diễn ra trong trình duyệt, không có dữ liệu nào được gửi đến máy chủMiễ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
  • Xem Tất Cả →

Danh Mục

  • Toán Học
  • Tài Chính
  • Sức Khỏe & Cuộc Sống
  • Tài Chính & Kinh Doanh
  • Công Cụ Lập Trình
  • Kỹ Thuật
  • Danh Mục →

Thêm

  • Chuyển Đổi Tiền Tệ
  • Chuyển đổi File
  • Trò Chơi & Công Cụ

Pháp Lý

  • 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ố từ chối
  • Sơ Đồ Trang

Ngôn Ngữ

enEnglisharالعربيةesEspañoldeDeutschfrFrançaishiहिन्दीidBahasa IndonesiaitItalianoja日本語ko한국어ptPortuguêsruРусскийtrTürkçeviTiếng Việtbnবাংলাzh中文nlNederlandsplPolskiukУкраїнськаmsBahasa Melayuthภาษาไทย

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

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

Không có máy chủ - trang web tĩnh hoàn toàn, không thu thập dữ liệu

  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.

Đang tải máy tính...
Công cụ này có hữu ích với bạn không?

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.

Khi Nào Nên Sử Dụng Máy Tính Này

  • Khi bạn cần đánh giá chi phí công cụ trước khi bắt đầu dự án
  • Khi so sánh kết quả với các công cụ tương tự khác
  • Khi tìm hiểu cách sử dụng công cụ trong các kịch bản khác nhau
  • Khi chia sẻ kết quả với nhóm hoặc khách hàng
  • Khi xác minh độ chính xác của phép tính công cụ
  • Khi tìm kiếm giải pháp nhanh chóng và dễ dàng cho một vấn đề cụ thể

Các bước:

  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.

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

Trường Hợp Sử Dụng

  • 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

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

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

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

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

Khái niệm liên quan

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

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.

Giải thích kết quả của bạn

Công cụ này hiển thị kết quả chi tiết dựa trên dữ liệu bạn nhập. Hãy xem kỹ từng phần để hiểu cách diễn giải các con số và đưa ra quyết định dựa trên đó. Nếu bạn có thắc mắc về cách công cụ hoạt động hoặc cách diễn giải một số kết quả cụ thể, hãy tham khảo phần Câu hỏi thường gặp bên dưới hoặc liên hệ bộ phận hỗ trợ.

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ụ này có miễn phí không?
Có, công cụ này hoàn toàn miễn phí và không yêu cầu đăng ký. Bạn có thể sử dụng thoải mái.
Dữ liệu có an toàn không?
Có, mọi phép tính đều được thực hiện ngay trên trình duyệt của bạn. Không có dữ liệu nào được gửi đến máy chủ của chúng tôi.
Tôi có thể dùng công cụ này trên điện thoại không?
Có, công cụ này tương thích với mọi thiết bị, bao gồm điện thoại thông minh và máy tính bảng.
Làm sao để lưu kết quả của tôi?
Bạn có thể sao chép kết quả hoặc xuất ra file PDF hay CSV nếu tính năng này khả dụng.
Kết quả có chính xác không?
Kết quả được tính dựa trên các công thức và phương trình đã được công nhận. Hãy kiểm tra lại các giá trị đầu vào để đảm bảo độ chính xác cao nhất.
Tôi có thể dùng công cụ này khi không có mạng không?
Có, hầu hết các phép tính được thực hiện cục bộ trên trình duyệt và không cần kết nối internet.
Làm sao để khắc phục sự cố với công cụ này?
Hãy đảm bảo bạn đang dùng phiên bản trình duyệt mới nhất và xóa bộ nhớ đệm nếu cần. Liên hệ bộ phận hỗ trợ nếu sự cố vẫn tiếp diễn.

Công Cụ Liên Quan

Khám phá thêm công cụ

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 Monetization API

Công cụ tương tự

Máy tính tỷ lệ khung hình
Công Cụ Lập Trình
Máy Tính Băng Thông
Công Cụ Lập Trình
Máy Tính Thời Gian Tải Xuống
Công Cụ Lập Trình
Máy Tính Chi Phí Lưu Trữ Đám Mây
Công Cụ Lập Trình
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100