ตัวแปลง PX เป็น REM
แปลงระหว่างหน่วย CSS PX, REM, EM และ PT ด้วยขนาดฐานที่ปรับได้
ตัวแปลงหน่วย
ตารางอ้างอิงด่วน
| PX | REM | EM | PT |
|---|
ผลลัพธ์ตัวแปร CSS
ตัวอย่างการใช้งาน
สเกลตัวอักษร
แปลงสเกลตัวอักษรที่สมบูรณ์จากพิกเซลเป็น REM สำหรับการออกแบบเว็บ responsive
เลย์เอาต์ Responsive
แปลงค่าระยะห่างและขนาดจาก PX เป็น REM สำหรับเลย์เอาต์ responsive แบบลื่นไหล
ตัวแปร CSS
สร้าง CSS custom properties ด้วยค่า REM จากระบบออกแบบแบบพิกเซลของคุณ
คุณสมบัติ
การแปลงสองทิศทาง
แปลงจากหน่วยใดก็ได้เป็นหน่วยอื่นทั้งหมดทันที — PX, REM, EM และ PT
ตารางอ้างอิงด่วน
ดูค่าพิกเซลทั่วไปและค่าเทียบเท่า REM, EM และ PT ได้ในพริบตา
แปลงจำนวนมาก
วางค่า PX หลายค่าพร้อมกันและรับการแปลงทั้งหมดด้วยคลิกเดียว
ความเป็นส่วนตัวมาก่อน
การแปลงหน่วยทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่มีข้อมูลถูกส่งไปยังเซิร์ฟเวอร์
วิธีใช้งาน?
ตั้งค่าขนาดฐาน
ตั้งค่าขนาดฟอนต์ฐานของคุณ (ค่าเริ่มต้นคือ 16px) ใช้เป็นข้อมูลอ้างอิงสำหรับการคำนวณ REM และ EM
ป้อนค่า
พิมพ์ค่าในช่องหน่วยใดก็ได้ (PX, REM, EM หรือ PT) และค่าอื่นๆ จะอัปเดตอัตโนมัติ
คัดลอกผลลัพธ์
คัดลอกค่าเดี่ยว ตารางอ้างอิง หรือผลลัพธ์ตัวแปร CSS สำหรับโปรเจกต์ของคุณ
คำถามที่พบบ่อย
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.
ฟีเจอร์หลัก
Bidirectional conversion between PX, REM, EM, and PT. Customizable base font size, reference table for common values, bulk conversion mode, CSS variables output.
ใช้งานบ่อยในกรณีไหน?
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.
เคล็ดลับ
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.
ความเป็นส่วนตัว
All calculations happen in your browser. Nothing is sent to a server.