div的比例缩放

Question

有没有人对如何使用相同的比例缩放方式有任何想法，但是使用初始高度值而不是宽度。

#container {
    position: absolute;

    width: 50px;

    top: 10px;
    left:10px;

    background-color: blue;
}

#container:before {
    content:"";
    display:block;
    padding-top: 100%;
}

fiddle

中的上述代码