Я устанавливаю размер шрифта html в единицу ширины области просмотра. Затем я устанавливаю высоту div с блоками rem. Когда вы нажимаете на разные ширины области просмотра, высота элементов не одинакова, даже если единица rem одинакова.
Пример:
html{
font-size: 1.3vw;
}
div{
margin: 10px;
width: 100px;
height: 0.2rem;
background: red;
}
<div></div>
<div></div>
Если вы измените размер окна в приведенном выше фрагменте, вы увидите, что высота элементов div изменяется при изменении размера окна, даже если они должны оставаться на одной высоте. Почему это происходит?