要素を特定の比率 (たとえば 1:2)に維持しようとしていdiv
ますが、幅を 200px 未満に維持しています。
私がこれまでに持っているもの:
div {
width: 100%;
height: 0;
padding-bottom: 50%;
max-width: 200px;
}
うまくいきません - ウィンドウを拡大すると、幅は 200px で拡大しなくなりますが、高さは拡大し続けます!
と を設定しようとしましbox-sizing: border-box
たmax-height: 100px
が、どちらも機能しません。
私は何をすべきか?
ここにフィドルがあります:http://jsfiddle.net/WVu3s/