แปลง 24px เป็น REM
แปลง px เป็น rem, rem เป็น px และ px เป็น em ที่ขนาดฟอนต์พื้นฐานใดก็ได้ พร้อมด้วยบรรทัด CSS ที่พร้อมสำหรับการคัดลอกและตารางอ้างอิงแบบสด
ผลลัพธ์
หน้านี้จะเปิดตัวแปลงโดยป้อน 24 ไว้แล้ว: ที่ขนาดตัวอักษรพื้นฐานเริ่มต้นที่ 16px, 24px เท่ากับ 1.5rem พอดี เพราะ 24 หารด้วย 16 คือ 1.5 ขนาดตัวอักษรบรรทัด CSS: 1.5rem; พร้อมที่จะคัดลอกทันทีที่โหลดหน้า
พิกเซล 24 พิกเซลเป็นขนาดที่พอเหมาะพอดี — เป็นขนาดตัวอักษร h3 ทั่วไปหรือขนาดตัวอักษรขนาดใหญ่ ขนาดไอคอนมาตรฐาน และหนึ่งในขั้นตอนการเว้นวรรคที่ใช้มากที่สุดในตาราง 8 จุด ค่าที่สะอาด 1.5rem ที่ฐานเริ่มต้นทำให้เป็นจุดยึดที่ชื่นชอบเมื่อแปลงการออกแบบพิกเซลเป็นหน่วย rem
หากขนาดแบบอักษรรูตของคุณแตกต่างกัน ให้พิมพ์ฐานจริง — ที่ราก 10px 24px เดียวกันจะกลายเป็น 2.4rem — และดูตารางอ้างอิงด้านล่างสำหรับขนาดใกล้เคียงกัน 20, 32 และ 48 px ที่แปลงในเวลาเดียวกัน ทั้งหมดนี้แสดงสดในเบราว์เซอร์ของคุณ