Изменение размеров шрифта благодаря REM
CSS3 включает несколько новых единиц, включая единицу REM.
Em единица определяется относительно размера шрифта родителя, т.е. наследуется. К примеру, Вы определили для заголовка шрифт размером 2em, что соответствует 20px, а для текста ссылки находящейся в заголовке шрифт размером 1em (100% от размера шрифта родителя). Тогда текст заголовка будет одного размера (простой ли это текст или ссылка), однако если использовать rem единицу, то размер шрифта устанавливается для каждого элемента свой, наследование отменяется.
h4 { font-size:1.4em; }
h4 a { font-size:1em; }
Или:
h4 { font-size:1.4rem; }
h2 a { font-size:1.4rem; }
Комментарии:
Нету комментариев для вывода...