如何在JavaScript中将px转换为vw？

Question

我想转换px到vw在JavaScript中,我该怎么办呢？

我一直在寻找它,但我没有找到任何东西.

所以,

1px→？VW

谢谢.

Answer 1

1px =(100vw/[document.documentElement.clientWidth] px)

例如 - 如果您的视口很500px宽(等于定义100vw),那么

1px =(100vw/500px)= 0.2vw

我曾经.clientWidth以排除任何滚动条的计算

Answer 2

公式是这样的

大众 px：

100 * px / 窗口宽度

vh 中的 px:

100 * 像素/窗口高度

vh（像素）：

窗口高度 * vh / 100

大众汽车（像素）：

windowWidth * vw / 100

一些灵感代码：（虽然我是一个 JS 菜鸟）

function viewport_convert(px = 0, vw = 0, vh = 0){
    if(px != 0){
        if(vw){
            return (100 * px / window.innerWidth);
        } else {
            return (100 * px / window.innerHeight);
        }
    } else if(vw != 0 && vh != 0){
        var w_h_arr = [];
        w_h_arr["width"] = Math.ceil((window.innerWidth * vw / 100));
        w_h_arr["height"] = Math.ceil((window.innerHeight * vh / 100));
        return w_h_arr;
    } else if(vw != 0){
        return Math.ceil((window.innerWidth * vw / 100));
    } else if(vh != 0){
        return Math.ceil((window.innerHeight * vh / 100));
    }
}