Javascript 如何重新定义1px是什么？

我试图使用1px=0.1vh的定义来更改所有长度单位的元素（包括宽度、边距、填充、字体大小等）

例如，

font-size:15px

将成为

font-size:1.5vh

有没有一种方法可以使用javascript或jquery实现我的目标

---

---

请用一个最小的可重复的例子

是的，这里有一个我刚刚编造的黑客方法：

const elements = document.querySelectorAll("*");

elements.forEach((element) => {
  const fontSize = getComputedStyle(element).getPropertyValue("font-size");
  if (fontSize.endsWith("px")) {
    let px = Number(fontSize.replace("px", ""));
    if (px === parseInt(px)) {
      let vh = px / 10;
      element.style.fontSize = `${vh}vh`;
    }
  }
});

---

谢谢你的回答！我的目标是使用长度单位（包括宽度、边距、填充、字体大小等）更改所有元素。有没有办法不指定字体大小？您可以通过vh在HTML上定义字体大小，然后在其他地方使用rem单位作为参考。否则，您将需要一个javascript混合器来处理此问题；）