レスポンシブコーディングでの縦横比問題の解決策 - Qiita

最近レスポンシブコーディングやスマホのリキッドデザインなんかで縦横比を保ちたいってことが多いですよね。 その実装方法を紹介します。 HTML まずは普通にHTMLを書きます。 ポイントはinnerをboxで囲んでいるところ。 innerは今回赤くしている部分でboxはその親要素になっています。