Конвертор от px към rem и em
Конвертирайте между px, rem и em, като използвате Ваши собствени размери за основен шрифт и контекст — редактирайте което и да е поле и останалите две се обновяват, докато пишете.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Всяко конвертиране се извършва във Вашия браузър. Нищо от въведеното не се изпраща към BroBroGo.
ЧЗВ
Каква е разликата между px, rem и em?
px е фиксирана дължина. rem се измерва спрямо основния размер на шрифта на страницата (root), така че при 16px основен размер, 1rem е равен на 16px. em се измерва спрямо размера на шрифта на елемента, в който се намира. Оразмеряването на шрифтовете и отстоянията в rem позволява на всичко да се мащабира правилно, когато читателят промени размера на шрифта по подразбиране в браузъра си.
Защо има отделен контекстен размер за em?
Мерната единица em е относителна спрямо размера на шрифта на собствения си елемент, който не винаги съвпада с основния (root). Задайте em контекста спрямо размера на шрифта на този елемент, за да изчислите правилно em, и го запазете равен на основния, когато двата съвпадат.
Какво става, ако основният ми размер на шрифта не е 16px?
Променете полето за основен размер на шрифта (root font size), за да съответства на Вашия CSS, и всяка rem стойност ще се актуализира веднага. Бързата таблица по-долу е удобен ориентир за стандартната база от 16px, от която започват повечето сайтове.