Frontender Libs - обзор библиотек JS / CSS

CSS | REM



При использовании EM - каждый div наследует размер шрифта от своего родителя, каждый раз увеличивая

body {

  font-size: 14px;}

div {

  font-size: 1.2em;}



<div>

    16.8px

    <div>

      20.16px

      <div>

        24.192px

      </div>

    </div>

  </div>

Если вам нужно задать одинаковый размер подойдет rem. Буква "r" в rem означает root (корень); то есть размер шрифта задается относительно корневого элемента; в большинстве случаев это будет html элемент

html {

    font-size: 14px;}

div {

    font-size: 1.2rem;}

В каждом из трех вложенных элементов в прошлом примере, шрифт будет равен 16.8px.