css - bootstrap :高度=跨度宽度/基于.span2宽度建立正方形

我想使div的高度也可以响应“ .span2”（基本上是一个正方形）。像这样：

<div class="span2 square>Hello</div>
.span {height: @span2;}

但是我找不到一个工作较少的变量/类或引导程序中的类似内容。你能帮我吗？

最好
68bydesign

最佳答案

我的理解是.span2具有此功能。

.span2 {
    width:14.364640883%;
}

在这种情况下，最不存在JS解决方案的是视口单位。

注意：这不是一个确切的正方形，但我认为很难发现差异。

.span2 {
  width: 14.364640883%;
}
.span2.square {
  height: 14.364640883vw;
  border: 1px solid red;
}

<div class="span2 square"></div>

关于css - bootstrap :高度=跨度宽度/基于.span2宽度建立正方形，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31613778/