Конвертер px у rem: px, rem, pt, em, mm
Останнє оновлення:
rem вимірюється відносно цього розміру. Тут em і % теж, але в CSS вони залежать від батьківського елемента, тому збігаються з rem лише там, де жоден батьківський елемент не змінює розмір шрифту.
1 px = 0,0625 remВсі результати
Швидка довідкова таблиця: Піксель → Root em
| Значення (px) | Результат (rem) |
|---|---|
| 1 px | 0,0625 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
Про px, rem і pt
У CSS 1 дюйм дорівнює 96 px, тож 1 pt, тобто 1/72 дюйма, відповідає 1,333 px, а 1 mm відповідає 3,78 px. rem і em відносні: 1 rem дорівнює розміру шрифту кореневого елемента. У кожному поширеному браузері це 16 px, якщо користувач його не змінив, тож 24 px становить 1,5 rem. Якщо таблиця стилів задає інший кореневий розмір, введіть його як базу над полями. em залежить від розміру шрифту батьківського елемента, тому дорівнює rem лише там, де жоден батьківський елемент його не змінює.
Поширені розміри тексту й елементів
За типової бази 16 px. У CSS 1 дюйм дорівнює 96 px, тому стовпці pt і mm правильні за будь-якої бази; змінюється лише стовпець rem.
| Розмір | rem | pt | mm |
|---|---|---|---|
| Текст 10 pt (виноски) | 0,8333 | 10 | 3,528 |
| Типовий розмір тексту в браузері | 1 | 12 | 4,233 |
| Текст 12 pt у текстовому редакторі | 1 | 12 | 4,233 |
| Типовий заголовок h2 | 1,5 | 18 | 6,35 |
| Найменша область натискання за WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Типовий заголовок h1 | 2 | 24 | 8,467 |
| 1 сантиметр | 2,362 | 28,35 | 10 |
| 1 дюйм | 6 | 72 | 25,4 |
Історія пункту й пікселя
Шрифт вимірювали в пунктах задовго до екранів: словолитникам потрібна була одна одиниця, щоб відлиті літери вишиковувалися в рядок. Комп'ютери зафіксували пункт на рівні 1/72 дюйма.
- П'єр-Сімон Фурньє опублікував таблицю розмірів шрифту, виміряних у друкарських пунктах: її шкала ділила дюйм на 12 ліній, а кожну лінію на 6 пунктів.
- Асоціація словолитників Сполучених Штатів ухвалила пунктову систему для кеглів шрифту, у якій нонпарель дорівнює 6 пунктам, а піка 12.
- Adobe представила PostScript, у якому одиниця довжини на сторінці дорівнює 1/72 дюйма: за словами Adobe, це майже стільки ж, скільки друкарський пункт.
- CSS 2.1 став рекомендацією W3C. Він визначає, що 1 дюйм дорівнює 96 px і 72 pt, тож 1 px дорівнює 0,75 pt. Піксель він прив'язує до однієї точки екрана з роздільністю 96 dpi, на який дивляться з відстані витягнутої руки.
Джерела: