Twitter bootstrap CSS3集装箱的宽度和高度百分比

我需要做一些类似于这个问题的事情

我有一个由两个单元组成的引导网格，在移动设备上，每个单元位于一行

我想插入一个固定比例为4:3的框，我不能使用视口宽度和高度比例，因为内容已经在引导单元格中

我想知道在CSS3中，是否可以根据元素的父宽度来表示元素的宽度和高度

#box-01，
#方框-02{
宽度：20vw；
高度：15vw；
背景：金；
}

4:3
4:3
据我所知，你有一种可能性

 <强>注：< /强>认为这是一个可能不用于生产代码的黑客。
边距
和
填充
属性的百分比值与包含块的宽度相关。这意味着
边距顶部
和
填充顶部
（沿Y轴运行）将响应对父级宽度（沿X轴运行）所做的更改

在下面的示例中，
.child
的宽度为
50%
，这与父对象的宽度有关。要使其高度响应父对象的宽度，我们可以使用
padding top
属性模拟高度。现在，
.child
的宽度和模拟高度都与
.parent
的宽度相关，因此保留了纵横比

（尝试调整
.parent
的大小，以查看
.child
在保持纵横比的同时如何响应。）


.parent{
宽度：200px；
高度：150像素；
背景：橙色；
溢出：滚动；
调整大小：两者；
边框：1px实心#999；
}
.孩子{
保证金：自动；
宽度：50%；
身高：0；
填料顶部：计算值（50%*0.75）；
背景：黄色；
}
我想知道，在CSS3中，是否可以根据元素的父元素宽度来表示元素的宽度和高度
。不，我认为仅仅使用CSS是不可能的