纯CSS实现宽高成比例缩放

原文地址：点击打开链接

HTML部分：

<div class='container'>
	<div class='dummy'></div>
	<div class='content'>content</div>
</div>

css部分：

.container{
    background-color: silver;
    width:100%;
    position:relative;
    display: inline-block;
}
.dummy{
    margin-top: 100%;
}
.content{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom: 0;
}