Странное поведение с использованием элементов rem различной высоты - PullRequest
0 голосов
/ 07 марта 2020

Я устанавливаю размер шрифта html в единицу ширины области просмотра. Затем я устанавливаю высоту div с блоками rem. Когда вы нажимаете на разные ширины области просмотра, высота элементов не одинакова, даже если единица rem одинакова.

Пример:

html{
  font-size: 1.3vw;
}

div{
  margin: 10px;
  width: 100px;
  height: 0.2rem;
  background: red;
}
<div></div>
<div></div>

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

...