Question

我有一个奇怪的问题：

如何根据屏幕宽度更少地计算HTML-DIV的高度？

情况：

我正在为我的公司建立一个新的主页，包括TYPO3和bootstrap 3包。在主页上，我的老板想要一个图像轮播。问题是，图像可以调整大小，但不是旋转木马本身。

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

这将是计算（图片大小= 1920px * 600px）：

var data = `data:application/pdf;base64,${response.fileContent}`;

var title = "abc.pdf";

var html = `data:text/html,
           <!DOCTYPE html>
           <html>
             <head>
               <title>${title}</title>
             </head>
             <body>
               <iframe src=${data} width="100%" height="600px"></iframe>
             </body>
           </html>`;

var w = window.open(html);

现在，我怎么能用LESS来计算呢？

LESS-Code我想扩展：

carousel_height = 100 * window_width / 320

Answer 1

Should be this:

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

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

    .carousel .item {
      height: 31.25vw;
    }

用LESS计算DIV高度

1 个答案: