ตัวแปลง PX เป็น REM | เครื่องมือสำหรับนักพัฒนาออนไลน์

ตัวแปลง PX ↔ REM

ขนาดฟอนต์พื้นฐาน: px

PX → REM

—

REM → PX

rem

—

ตารางอ้างอิง

px	rem	em

PX และ REM ต่างกันอย่างไร?

PX (พิกเซล) คือหน่วยแบบสัมบูรณ์ — แสดงผลในขนาดทางกายภาพเดิมเสมอ REM (root em) คือหน่วยแบบสัมพัทธ์ที่อ้างอิงจากขนาดฟอนต์ของ root element (โดยปกติจะตั้งค่าเริ่มต้น 16px ในเบราว์เซอร์) การใช้ REM ช่วยให้สร้างเลย์เอาต์ที่เข้าถึงได้และปรับขนาดได้ ซึ่งเคารพการตั้งค่าขนาดฟอนต์ของผู้ใช้

วิธีใช้ตัวแปลง PX เป็น REM

ตั้งค่าขนาดฟอนต์พื้นฐาน (ค่าเริ่มต้นคือ 16px — ตรงกับเบราว์เซอร์ส่วนใหญ่)
ป้อนค่าพิกเซลเพื่อดูค่า REM ที่เทียบเท่า
หรือป้อนค่า REM เพื่อแปลงกลับเป็นพิกเซล
ใช้ตารางอ้างอิงด้านล่างสำหรับการแปลงขนาดทั่วไป

สูตร: rem = px ÷ ขนาดฟอนต์พื้นฐาน สำหรับค่าพื้นฐาน 16px: 1rem = 16px, 0.5rem = 8px, 1.5rem = 24px การคำนวณทั้งหมดเกิดขึ้นทันทีในเบราว์เซอร์ของคุณ

Keywords: ตัวแปลง px เป็น rem, rem เป็น px, พิกเซลเป็น rem, ตัวแปลงหน่วย CSS, ตัวแปลงขนาดฟอนต์, การออกแบบเชิงตอบสนอง, เครื่องคำนวณ rem