… em дорівнює розміру шрифту, який застосовується до батьківського елемента, про який йде мова. Якщо ви не встановили розмір шрифту ніде на сторінці, то це стандартний розмір шрифту браузера, який, ймовірно, становить 16 пікселів. Отже, за замовчуванням 1em = 16pxі 2em = 32px.

Зараз є багато джерел, які говорять про це 1em = розмір шрифту (у пікселях). Тобто, коли ви пишете font-size:16px , тоді 1em = 16px.

16px An em є одиниця вимірювання відносно розміру шрифту; отже, у гарнітурі, встановленій із розміром шрифту 16 пікселів, один em дорівнює 16 пікселям.');})();(function(){window.jsl.dh('_6TWZsncJpvHkPIPi7jhmQw__33','

1em означає «дорівнює». поточний розмір шрифту", а 2em означає 2-кратний розмір поточного шрифту. (Наприклад, в одиниці вимірювання 2em, якщо ваш шрифт становить 11 пікселів (11 пікселів), тоді 2em дорівнює 22 пікселям.)

Приклад: якщо ви хочете перетворити 24 пікселя на EM, а ваш базовий розмір шрифту становить 16 пікселів (стандартне значення за замовчуванням): EMs = 24px / 16px = 1,5em.

Пристрої PX забезпечують стабільні результати, навіть якщо це не ідеально. EM залежить від розміру шрифту батьківського елемента, отже якщо ви бажаєте масштабувати розмір елемента на основі розміру його батьківського елемента, використовуйте ЕМ.