SCSS - 获取容器宽度作为高度

Question

有没有办法在不使用JavaScript的情况下计算子元素高度时获取子元素的容器宽度。

假设，以16：9px宽高比渲染图像，即1.778：1px。 如果我将图像宽度设置为容器的100％。如何将高度设置为

伪：

$width: 100%;
height: (100% * 0.5625)px;

我试图使用calc()获取100％的值，但无法正常工作。

calc(100% + 1)px;

Answer 1

不，你不能在px中得到100％的宽度你用百分比来写

width : 100%;
height: calc((100% * 16)/9);