Html 在使用网格系统时，如何使div的高度与宽度相同，以创建响应的正方形？

我正在使用骨架样板创建我的网格。我试图实现的网格由每行3个正方形组成。我尝试过制作高度百分比（33.33%），但它仍然不能创建正方形。谢谢！：）

在CSS3上，您将使用

vh

单位，这与百分比单位相同，是相对的，在本例中是相对于

视口高度的

33.33%
与
33.33vh
相同，您的框应调整为视口的
视图高度

查看全部

示例


.box{
宽度：100%；
高度：33.33vh；
}
.foo{背景色：红色；}
.bar{背景色：紫色；}
.na{背景色：蓝色；}