Просте перетворення PX у EM(REM)
ЯКА РІЗНИЦЯ В РОЗМІРІ ТЕКСТУ МІЖ PX, EM, %, PT?
Пікселі та point є статичними вимірюваннями. 1 піксель завжди 1 піксель. 1 point завжди 1 point. Points дещо відрізняються, оскільки вони змінюють розмір залежно від DPI. На папері з вищою роздільною здатністю 12-точковий текст фактично містить більше пікселів, ніж 12-точковий текст на моніторі комп’ютера, який має нижчу роздільну здатність, ніж папір.
Відсоток і EM, з іншого боку, є відносними вимірюваннями. Розмір EM або відсоткового тексту залежить від його батьківського елемента. Якщо основний текст має розмір 12 пікселів, тоді текст, встановлений на 120% або 1,2 EM всередині основної частини, матиме 1,2 * 12 або 14,4 пікселів.
НАВІЩО РОЗМІРЮВАТИ РОЗМІР ТЕКСТУ ЗА ДОПОМОГОЮ EMS У CSS?
Таблиці стилів, які використовують EM, легше підтримувати для дизайнера та доступніші для кінцевих користувачів.
Таблиці стилів стало легше підтримувати, оскільки весь текст, набір в EM, масштабується відповідно до основного розміру шрифту. Потрібно змінити лише розмір шрифту одного елемента, а не окремо змінювати розмір шрифту кожного елемента.
Доступність покращена для кінцевих користувачів, оскільки текст масштабується на основі їхніх уподобань, а не встановлюється статично в пікселях. Крім того, кінцеві користувачі можуть використовувати гарячі клавіші для масштабування тексту в усіх браузерах. Багатьом людям важко читати дрібний текст на екрані комп’ютера.