2017-07-24 131 views
0

我有一个奇怪的问题:用LESS计算DIV高度

我怎样才能计算HTML-DIV的高度通过少,取决于屏幕的宽度?

现状:

我建立了我公司与TYPO3和自举3包的新主页。在主页上,我的老板想要一个图像传送带。问题是,图像可以调整大小,但是旋转木马本身没有。

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

这将是计算(PIC大小= 1920px * 600像素):

carousel_height = 100 * window_width/320 

现在,我怎么能计算这个事半功倍?

较少的代码,我想扩大:

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

不,不可能。但你有没有试过单位'vw'和'vh'? – Huelfe

回答

0
Should be this: 

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

而实际上,如果你只是使用计算器,你可以simplyfy一个远一点:

.carousel .item { 
     height: 31.25vw; 
    } 
+0

谢谢!工作正常。比我想象的更简单:) – Ehmdraehl