繁体   English   中英

用LESS计算DIV高度

[英]Calculating DIV-height with LESS

我有一个奇怪的问题:

如何根据屏幕宽度通过更少的方法计算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;
}
Should be this:

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

实际上,如果您只使用计算器,则可以简单地进行进一步的计算:

    .carousel .item {
      height: 31.25vw;
    }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM