Измените все значения «px» на «vw» для больших размеров окна

Question

Я хотел бы изменить все px значения (например, padding, margin и font-size) на vw значения с помощью функции calc(value / 0.2).

Как это можно это сделать?

window.onresize = Resize;
window.onload = Resize;

function Resize(){
    let mq = window.matchMedia("(max-width: 2000px)");

    if (mq.matches) {
        // all "px" values should change to "vw" values, with a "calc(... / 0.2)" to keep it in normal sizes
    }
    else{
        // take previous pixel values
    }
}

div {
font-size: 30px;
padding-top: 20px;
padding-bottom: 10px;
}

<div>Hello</div>

Thaaaanks.

Answer 1

Это очень странный подход к решению этой проблемы. Изменение css впадины javascript является очень сложной операцией - после каждой смены браузер перерисовывает страницу html. Почему вы не хотите использовать css с медиа-запросом?

@media (min-width: 2000px) {
/*your vw sizes*/
}