ตัวอย่าง: 24px → 1.5em (ฐาน 16px)
ตัวอย่าง: 1.5em → 24px (ฐาน 16px)
| Px | Em | การใช้งานทั่วไป | ดำเนินการ |
|---|
Px (พิกเซล):หน่วยสัมบูรณ์ ขนาดคงที่ ไม่เปลี่ยนแปลงตามการตั้งค่าเบราว์เซอร์ 1px คือหนึ่งพิกเซลทางกายภาพบนหน้าจอ
Em:หน่วยสัมพัทธ์ สัมพันธ์กับขนาดฟอนต์ขององค์ประกอบปัจจุบัน 1em เท่ากับขนาดฟอนต์ขององค์ประกอบปัจจุบัน หากองค์ประกอบปัจจุบันไม่ได้ตั้งค่าขนาดฟอนต์ จะสืบทอดจากองค์ประกอบหลัก
สูตรการแปลง:
• Px → Em: em = px ÷ ขนาดฟอนต์ฐาน
• Em → Px: px = em × ขนาดฟอนต์ฐาน
คำแนะนำการใช้งาน:การใช้หน่วย em ทำให้หน้าตอบสนองและเข้าถึงได้ดีขึ้น ผู้ใช้สามารถปรับขนาดฟอนต์ผ่านการตั้งค่าเบราว์เซอร์ โดยปกติขนาดฟอนต์เริ่มต้นของเบราว์เซอร์คือ 16px