CSS响应式布局“百分比”中pandding和margin都相对于直接父亲元素的width，与父元素的height无关

比如我们要实现一个固定长宽比的长方形，比如要实现一个长宽比为4:3的长方形,我们可以根据padding属性来实现，因为padding不管是垂直方向还是水平方向，百分比单位都相对于父元素的宽度，因此我们可以设置padding-top为百分比来实现，长宽自适应的长方形：

设置样式让其自适应：

.trangle{
height:0;
width:100%;
padding-top:75%;
}
通过设置padding-top：75%,相对比宽度的75%，因此这样就设置了一个长宽高恒定比例的长方形。