ตัวแปลง PX เป็น REM พร้อมฐาน 10px
แปลง px เป็น rem, rem เป็น px และ px เป็น em ที่ขนาดฟอนต์พื้นฐานใดก็ได้ พร้อมด้วยบรรทัด CSS ที่พร้อมสำหรับการคัดลอกและตารางอ้างอิงแบบสด
ผลลัพธ์
หน้านี้จะเปิดตัวแปลงโดยตั้งค่าขนาดตัวอักษรพื้นฐานไว้ที่ 10px นั่นคือการตั้งค่า html { font-size: 62.5% } แบบคลาสสิก: 62.5% ของค่าเริ่มต้นของเบราว์เซอร์ 16px คือ 10px พอดี ดังนั้นค่า rem จึงสามารถอ่านได้ง่ายเล็กน้อย — 14px คือ 1.4rem, 18px คือ 1.8rem, 24px คือ 2.4rem
ทีมใช้ฐาน 10px อย่างแม่นยำเพื่อหลีกเลี่ยงจุดที่สิบหกที่น่าอึดอัดใจ แทนที่จะจำไว้ว่า 14px คือ 0.875rem คุณเพียงแค่ย้ายจุดทศนิยม เนื่องจากเคล็ดลับนี้ใช้เปอร์เซ็นต์มากกว่าค่าพิกเซลคงที่ จึงยังคงคำนึงถึงขนาดแบบอักษรที่ผู้ใช้กำหนดไว้ในการตั้งค่าเบราว์เซอร์ ซึ่งเป็นอาร์กิวเมนต์การเข้าถึงทั้งหมดสำหรับหน่วย rem ตั้งแต่แรก
พิมพ์ค่าพิกเซลใดๆ เพื่อให้ได้ค่าเทียบเท่าที่ฐาน 10px พร้อมด้วยบรรทัด CSS ที่พร้อมทำสำเนา และตรวจสอบตารางอ้างอิงด้านล่างเพื่อดูขนาด 1–64 px ที่แปลงแล้วทั้งหมด หากโปรเจ็กต์ของคุณใช้ขนาดรูทที่แตกต่างกัน ให้เปลี่ยนฟิลด์ฐานและทุกอย่างจะตามมาทันที