用LESS計算DIV高度

Question

我有一個奇怪的問題：

如何根據屏幕寬度通過更少的方法計算HTML-DIV的高度？

情況：

我正在使用TYPO3和bootstrap 3程序包為我的公司建立一個新的主頁。 在主頁上，我的老板想要一個圖像輪播。 問題是，圖像可調整大小，但對轉盤本身有干擾。

現在我要計算此DIV的高度。

這將是計算（圖片大小= 1920px * 600px）：

carousel_height = 100 * window_width / 320  

現在，我如何用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;
    }