Как rem отличаются от них по CSS?

В источнике веб-сайта я иногда видел, что разработчики используют rem единица. Действительно ли это подобно em? Я попробовал его для наблюдения то, что это на самом деле делает, но относительно чего это?

Демонстрация

HTML

Hello

World

CSS

div {
    font-size: 1.4rem;
}

div p {
    font-size: 1.4rem;
}

61
задан 11 September 2016 в 02:40

1 ответ

rem, они и пкс являются различными единицами размера шрифта в CSS.

их они равно вычисленному размеру шрифта этого родитель element’s. исключая: элемент отделения определил с размером шрифта: 16 пкс, его дети 1em = 16 пкс.

значения rem rem относительно корневого элемента HTML. исключая: Если размер шрифта корневого элемента составляет 16 пкс, 1 rem = 16 пкс для всех элементов.

Ссылка: https://medium.com/code-better/css-units-for-font-size-px-em-rem-79f7e592bb97

0
ответ дан 31 October 2019 в 15:07

Другие вопросы по тегам:

Похожие вопросы: