Конвертація PX в EM
Конвертер PX в EM
- Встановіть розмір шрифту за замовчуванням (зазвичай 16 пікселів)
- Потім перетворіть значення пікселя на em на основі розміру за замовчуванням
- Або конвертуйте значення em у пікселі на основі розміру за замовчуванням
Установіть розмір шрифту за замовчуванням:
pxПеретворення PX в EM:
px
Перетворення EM в PX:
em
Результат:
Розмір основного шрифту
У таблиці нижче виберіть розмір основного шрифту в пікселях (px), щоб відобразити повну таблицю перетворення "px в em та відсотки".
Порада. Розмір шрифту за умовчанням зазвичай становить 16 пікселів.
| px | em | відсоток |
|---|---|---|
| 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 та відсотками?
Пікселі (px) є статичними вимірюваннями, тоді як відсотки та EM є відносними. Відсоток залежить від розміру батьківського шрифту. EM є відносно поточного розміру шрифту елемента (2em означає 2-кратний розмір поточного шрифту). Отже, якщо розмір шрифту body становить 16 пікселів, то 150% буде 24 пікселя (1,5 * 16), а 2em буде 32 пікселя (16 * 2). Перегляньте розділ CSS Одиниці, щоб дізнатися більше про одиниці вимірювання в HTML/CSS.
