MoreOnlineTools
ESC

Penukar PX ke REM

Tukar antara unit CSS PX, REM, EM dan PT dengan saiz asas yang boleh disesuaikan

Penukar Unit

px
Saiz fon lalai pelayar ialah 16px
px
rem
em
pt
Semua pemprosesan berlaku dalam pelayar anda. Tiada data dihantar ke mana-mana pelayan.

Jadual Rujukan Pantas

PX REM EM PT

Output Pemboleh Ubah CSS

Contoh Penggunaan

Skala Tipografi

Tukar skala tipografi lengkap dari piksel ke REM untuk reka bentuk web responsif.

Susun Atur Responsif

Tukar nilai jarak dan saiz dari PX ke REM untuk susun atur responsif yang lancar.

Pemboleh Ubah CSS

Jana sifat tersuai CSS dengan nilai REM dari sistem reka bentuk berasaskan piksel anda.

Ciri-ciri

Penukaran Dwiarah

Tukar dari mana-mana unit ke semua yang lain dengan serta-merta — PX, REM, EM dan PT

Jadual Rujukan Pantas

Lihat nilai piksel biasa dan setara REM, EM dan PT mereka secara sepintas lalu

Penukaran Pukal

Tampal beberapa nilai PX sekaligus dan dapatkan semua penukaran dengan satu klik

Privasi Diutamakan

Semua penukaran unit berlaku secara setempat dalam pelayar anda, tiada data dihantar ke pelayan

Cara Menggunakan?

1

Tetapkan Saiz Asas

Tetapkan saiz fon asas anda (lalai ialah 16px). Ini digunakan sebagai rujukan untuk pengiraan REM dan EM.

2

Masukkan Nilai

Taip nilai dalam mana-mana medan unit (PX, REM, EM atau PT) dan semua yang lain dikemas kini secara automatik.

3

Salin Hasil

Salin nilai individu, jadual rujukan atau output pemboleh ubah CSS untuk projek anda.

Soalan Lazim

Formulanya ialah: REM = PX / saiz fon asas. Saiz fon asas pelayar lalai adalah 16px, jadi 24px = 24/16 = 1.5rem. Jika saiz font-size akar anda berbeza (contohnya 10px untuk pengiraan yang lebih mudah), tukar saiz asas dalam penukar dan ia akan mengira semula semuanya dengan serta-merta.

REM (root em) sentiasa relatif kepada saiz fon elemen akar (html) — konsisten dan boleh diramal di seluruh halaman. EM pula relatif kepada elemen induk, yang bermaksud ia akan bercampur: jika induk adalah 1.2em dan anak juga 1.2em, anak tersebut akan berakhir pada saiz 1.44× daripada akar. Gunakan REM untuk saiz fon dan jarak yang konsisten; gunakan EM apabila anda sengaja mahukan skala relatif kepada saiz fon komponen itu sendiri (seperti padding pada butang).

REM menghormati pilihan saiz fon pelayar pengguna. Jika seorang pengguna menetapkan lalai pelayar mereka kepada 20px untuk kebolehcapaian, 1rem menjadi 20px dan susun atur anda akan berubah secara berkadar. Nilai PX adalah tetap dan mengabaikan pilihan ini. Menggunakan REM menjadikan laman web anda lebih mudah diakses dan lebih senang untuk diubah skala dengan satu perubahan saiz fon akar sahaja.

PT (points) ialah unit cetakan: 1pt = 1/72 inci. Untuk web, 12pt = 16px pada resolusi skrin standard. PT kadangkala digunakan untuk helaian gaya cetak (@media print) tetapi jarang dalam CSS web biasa. Gunakan PX, REM, atau EM untuk susun atur skrin.

Masukkan pelbagai nilai PX satu per baris dalam bidang Bulk Converter dan klik Convert. Anda akan mendapat nilai setara REM, EM, dan PT untuk setiap nilai dalam satu jadual. Berguna apabila berpindah ke sistem reka bentuk atau menukar helaian gaya sedia ada daripada PX ke REM sekaligus.

Bahagian CSS Variables menghasilkan pengisytiharan ciri tersuai CSS yang sedia untuk ditampal daripada hasil penukaran pukal anda. Sebagai contoh: --font-sm: 0.875rem; --font-base: 1rem; --font-lg: 1.25rem. Anda boleh menampal ini terus ke dalam blok :root {} anda.

Gunakan apa sahaja saiz fon yang telah anda tetapkan pada elemen html dalam CSS anda. Jika anda belum menetapkan apa-apa, ia akan menggunakan lalai pelayar (16px). Sesetengah pembangun menetapkan html { font-size: 62.5% } untuk menjadikan 1rem = 10px bagi memudahkan pengiraan mental (contohnya, 24px = 2.4rem). Tukar input saiz asas untuk sepadan dengan saiz fon akar sebenar projek anda.

Tidak. Semua penukaran dikira secara lokal dalam pelayar anda dengan JavaScript. Tiada apa-apa yang dihantar atau disimpan. Anda boleh menggunakannya secara luar talian selepas halaman dimuatkan.

Apa Itu PX to REM Converter?

Set your base font size, type a value in any unit, and see all the others update instantly. Includes a quick reference table, bulk converter, and CSS custom properties output.

Ciri Utama

Bidirectional conversion between PX, REM, EM, and PT. Customizable base font size, reference table for common values, bulk conversion mode, CSS variables output.

Kegunaan Biasa

Building responsive websites with REM units, converting legacy PX-based designs, ensuring accessibility by respecting user font size preferences, or generating CSS variables for design systems.

Petua

REM is relative to the root element font size (usually 16px). EM is relative to the parent element. REM is more predictable for consistent sizing across components.

Privasi

All calculations happen in your browser. Nothing is sent to a server.

Keselamatan dan Privasi

Keselamatan data anda adalah keutamaan kami

Pemprosesan Tempatan

Semua pemprosesan berlaku dalam pelayar anda

Tiada Pemindahan Data

Data anda tidak dihantar ke pelayan kami

Tiada Penyimpanan Data

Tiada data disimpan atau dikongsi

Penyulitan SSL

Penyulitan SSL untuk sambungan selamat

Unit CSS: px, rem, em, vh — Bila Menggunakan Setiap Satu
Artikel Blog Berkaitan
Unit CSS: px, rem, em, vh — Bila Menggunakan Setiap Satu

Memilih unit CSS yang salah menyebabkan layout rosak. Panduan praktikal untuk memilih unit yang betul.

Baca Artikel 8 min bacaan

Langkah Seterusnya

Penukar Unit

Tukar antara unit panjang, berat, suhu, luas, isipadu, kelajuan, saiz data dan masa

Penjana CSS Flexbox

Taman permainan visual CSS Flexbox dengan pratonton langsung dan penjanaan kod

Alat Berkaitan

Penukar HEX ke RGB

Tukar antara format warna HEX, RGB dan HSL

Penukar Timestamp

Penukar Unix timestamp, epoch time dan zon waktu

Penukar Markdown ke HTML

Tukar teks Markdown kepada HTML dengan pratonton langsung

Penukar ASCII

Tukar antara ASCII, Teks, Hex, Binari, Perpuluhan

Penukar Angka Roman

Tukar antara angka Roman dan nombor perpuluhan

Teks ke SVG

Tukar teks anda kepada format vektor SVG yang boleh diedit

Lebih Banyak di MoreOnlineTools

Alat Dalam Talian Percuma

109 alat untuk teks, imej, keselamatan dan pembangunan

Semak Semua Alat →
Helaian Rujukan Pembangun

Rujukan pantas untuk Regex, Git, kod HTTP, CSS, Markdown dan lagi

Semak Helaian Rujukan →
Kalkulator Dalam Talian

BMI, pinjaman, peratusan, tip, umur dan kalkulator praktikal lain

Semak Kalkulator →
Koleksi Alat

Aliran kerja terpilih: pembangunan API, saluran imej, audit keselamatan dan lagi

Semak Koleksi →