javascript - 使用 LESS 计算 DIV 高度

Question

我有一个奇怪的问题:

我如何根据屏幕的宽度通过 less 计算 HTML-DIV 的高度？

情况:

我正在使用 TYPO3 和 bootstrap 3 软件包为我的公司构建一个新主页。在主页上，我的老板想要一个图片轮播。问题是，图像可以调整大小，但轮播本身没有。

现在我想计算这个DIV的高度。

这就是计算(图片大小 = 1920px*600px):

carousel_height = 100 * window_width / 320  

现在，我如何用 LESS 计算这个？

LESS-我要扩展的代码:

.carousel .item {
    background-position: 0 0;
    background-size: contain;
    height: 600px;
}

Answer 1

Should be this:

    .carousel .item {
      height: 100 * 100vw / 320;
    }

实际上，如果你只使用计算器，你可以简单地进一步计算:

    .carousel .item {
      height: 31.25vw;
    }