SCSS - Get container width as height

后端 未结 2 1578
感动是毒
感动是毒 2020-12-22 01:49

Is there a way to get the container width of a child element in calculation of the child element height without using JavaScript.

Say, rendering an image in an 16:9

2条回答
  •  别那么骄傲
    2020-12-22 02:40

    I found it. Sass interpolation does the work. Its possible to use sass interpolation to reference a sibling property.

    .container {
      width: 100%;
    
      img {
        width: 100%;
        height: calc(#{width} * 1.778);
      }
    }
    

提交回复
热议问题