Можно получить размер текста для html по vw, а все остальное верстать уже по rem.
Для удобства верстки, если есть макет, то исходным значением берем ширину макета, если нет, то ширину окна браузера на которой делается верстка, например 1920px.
html {
font-size: calc(10 * 100vw / 1920);
}
Этот код задает размер текста для html тега 10px на ширине браузера 1920px.
При изменении ширину браузера это значение пропорционально измениться.
Таким образом, если, например, размер основного текста 24px на ширине браузера 1920px, то можем написать правила:
body {
font-size: 2.4rem;
}
Делаем аналогично для всех размеров.
Например вместо 500px пишем 50rem.