การ แปลง PX เป็น EM
ตัวแปลง PX เป็น EM
- กำหนดขนาดตัวอักษรเริ่มต้น (ปกติคือ 16px)
- จากนั้นแปลงค่าพิกเซลเป็น em ตามขนาดเริ่มต้น
- หรือแปลงค่า em เป็นพิกเซลตามขนาดเริ่มต้น
กำหนดขนาดตัวอักษรเริ่มต้น:
pxแปลง PX เป็น EM:
px
แปลง EM เป็น PX:
ใน
ผลลัพธ์:
ขนาดตัวอักษรของร่างกาย
ในตารางด้านล่าง ให้เลือกขนาดแบบอักษรของเนื้อหาเป็นพิกเซล (px) เพื่อแสดงตารางการแปลง "px เป็น 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 และเปอร์เซ็นต์?
พิกเซลคือการวัดแบบคงที่ ในขณะที่เปอร์เซ็นต์และ EM เป็นการวัดแบบสัมพัทธ์ เปอร์เซ็นต์ขึ้นอยู่กับขนาดฟอนต์หลัก EM สัมพันธ์กับขนาดแบบอักษรปัจจุบันขององค์ประกอบ (2em หมายถึง 2 เท่าของขนาดแบบอักษรปัจจุบัน) ดังนั้น หากขนาดตัวอักษรของเนื้อหาคือ 16 พิกเซล ดังนั้น 150% จะเป็น 24 พิกเซล (1.5 * 16) และ 2em จะเป็น 32 พิกเซล (16 * 2) ดูหน่วย CSSสำหรับหน่วยวัดเพิ่มเติม