javascript - 如何计算一个数字并将其转换为 vw 或 vh？

Question

我是编程新手，遇到了一个问题。我想计算一个数字并将其转换为视口(viewport)单位。

我尝试做的计算是 100/height * width 并且这个等式得出的数字应该在视口(viewport)单位中。宽度和高度是我代码中的预定义变量我试过将等式放在所有类型的括号中，我试过将视口(viewport)单位放在等式中，如下所示:100vw/width = height。但是一切都给我一个错误。

完整部分:

if (h / height > w / width) {
   container.style.width = [100 / width * height]vw;
   container.style.height = 100vw;
}

container.style.width = [100 / width * height]vw;

和

container.style.width = 100vw / width * height;

如果这在 javascript 中可行，请告诉我。我不熟悉 jquery，所以 jquery 的答案对我没有帮助。我愿意学习如何在 css 中计算这样的东西，但我不知道我将如何实现 if 语句。提前致谢!

Answer 1

假设您的 width 和 height 变量包含数字，请先进行数学运算，然后附加字符串“vw”:

container.style.width = (100 / width * height) + "vw"