เครื่องมือด้านล่างช่วยให้คุณสามารถที่จะทำงานออกขนาด em จากพิกเซล (หรือกลับกัน)
พิกเซลเพื่อแปลงให้หมด
- ตั้งค่าขนาดพิกเซลเริ่มต้นสำหรับร่างกาย (ปกติ 16px)
- จากนั้นแปลงค่าพิกเซลเพื่อ em ขึ้นอยู่กับขนาดของพิกเซลเริ่มต้น
- หรือแปลงค่า em พิกเซลขึ้นอยู่กับขนาดของพิกเซลเริ่มต้น
ตั้งค่าขนาดพิกเซลค่าเริ่มต้น:
px แปลง PX จะ EM:
px
แปลงเอ็ม PX:
em
ผล:
ร่างกายขนาดตัวอักษร
ในตารางด้านล่างเลือกขนาดตัวอักษรในร่างกายพิกเซล (พิกเซล) เพื่อแสดง "พิกเซล EM และร้อยละ" สมบูรณ์ตารางการแปลง
เคล็ดลับ: ขนาดแบบอักษรเริ่มต้นมักจะ 16px
| px | em | percent |
|---|---|---|
| 5px | 0.3125em | 31.25% |
| 6px | 0.3750em | 37.50% |
| 7px | 0.4375em | 43.75% |
| 8px | 0.5000em | 50.00% |
| 9px | 0.5625em | 56.25% |
| 10px | 0.6250em | 62.50% |
| 11px | 0.6875em | 68.75% |
| 12px | 0.7500em | 75.00% |
| 13px | 0.8125em | 81.25% |
| 14px | 0.8750em | 87.50% |
| 15px | 0.9375em | 93.75% |
| 16px | 1.0000em | 100.00% |
| 17px | 1.0625em | 106.25% |
| 18px | 1.1250em | 112.50% |
| 19px | 1.1875em | 118.75% |
| 20px | 1.2500em | 125.00% |
| 21px | 1.3125em | 131.25% |
| 22px | 1.3750em | 137.50% |
| 23px | 1.4375em | 143.75% |
| 24px | 1.5000em | 150.00% |
| 25px | 1.5625em | 156.25% |
ความแตกต่างระหว่าง PX, EM และร้อยละคืออะไร?
Pixel คือการวัดแบบคงที่ขณะที่ร้อยละและ EM เป็นค่าที่วัดญาติ ขนาดของ EM หรือร้อยละขึ้นอยู่กับแม่ของมัน ถ้าขนาดข้อความของร่างกายคือ 16 พิกเซลแล้ว 150% หรือ 1.5 EM จะ 24 พิกเซล (1.5 * 16) มองไปที่ หน่วย CSS สำหรับหน่วยการวัดมากขึ้น