纯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;}