у div нет наследуемого размера шрифта от body - PullRequest
Новая
       8

у div нет наследуемого размера шрифта от body

0 голосов
/ 05 октября 2018 

body{
font-size:0.9em;
}

.m1{
font-size:0.9em;
}
<div class='navt'>
<div class='m1'>LOREM</div>
<div class='m1'>LOREM</div>
</div>

Если вы удалите font-size из m1, вы увидите, что размер шрифта изменяется, т.е. не наследуется от body.

Я ожидаю, что все div внутри body имеют font-size, равный объему, объявленному для body.

Не говорите мне, что мне нужно установить font-size отдельно для каждого div

Ответы [ 2 ]

0 голосов
/ 05 октября 2018

body {font-size: 1em} .text-one, .text-two, .text-three {font-size: 1em}

HaiHalloBye

0 голосов
/ 05 октября 2018

При использовании em это означает, что размер относительно его родителя.Вы должны использовать rem, чтобы сделать его относительно корня документа.

В этом случае размер шрифта для .m1 составляет 0,9 * 0,9 = 0,81px. 

body  {
  font-size: 0.9em;
}

.m1 {
  font-size: 0.9em;
}

.m2 {}

.m3 {
  font-size: 0.9rem;
}

.m4 {
  font-size: 0.9rem;
}
<div class='navt'>
  <div class='m1'>LOREM</div>
  <div class='m2'>LOREM</div>
  <div class='m3'>LOREM</div>
  <div class='m4'>LOREM</div>
</div>
...