javascript - 在大窗口上将所有“px”值更改为“vw”

我想使用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。

最佳答案

这是解决此问题的非常奇怪的方法。
更改CSS谷底javascript是一项非常艰巨的操作-每次更改浏览器后都会重新绘制HTML页面。
为什么不想在媒体查询中使用CSS？

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

关于javascript - 在大窗口上将所有“px”值更改为“vw”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61451981/