ตัวแปลง PX เป็น REM

คู่มือแปลง PX เป็น REM

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

ป้อนค่าพิกเซลเพื่อดูค่า rem ที่เทียบเท่า หรือพิมพ์ค่า rem เพื่อแปลงกลับ ปรับขนาดฟอนต์ฐานให้เข้ากับโปรเจกต์ของคุณ (บางระบบการออกแบบใช้ราก 10px หรือ 20px) ตารางครอบคลุมขนาดที่พบบ่อยที่สุด และการเปรียบเทียบภาพแสดงว่าทั้งสองหน่วยแสดงผลเหมือนกันที่ขนาดรากเดียวกัน

Pro Tips

• แปลงสเกลระยะห่างเป็น rem ด้วย — มาร์จิ้น แพดดิ้ง และช่องว่างจะขยายพร้อมข้อความเมื่อผู้ใช้เปลี่ยนขนาดฟอนต์ ทำให้จังหวะคงเดิม
• คงฐานไว้ที่ 16px เว้นแต่ระบบการออกแบบของคุณเปลี่ยนอย่างชัดเจน การเปลี่ยนรากเป็น 10px ทำลายการเข้าถึงสำหรับผู้ใช้ที่พึ่งพาการขยายฟอนต์ของเบราว์เซอร์