プログラミングで飯を食え。腕をあげたきゃ備忘録!

PHP、JavaScript、HTML5、CSS3などWEB系言語を中心に基本テク、備忘録をまとめます。Android、Iphoneアプリ開発についても!

2014-12-21から1日間の記事一覧

CSSで比率固定で可変の要素をスタイリングする方法!

以下のようなHTMLを用意して、 <div class="box ratio"> <div class="inner"> コンテンツ </div></div> 以下のようなCSSを適用します。 .box { position: relative; width: 100%; height: auto; background: #444;}.ratio:before { content: ""; display: block; padding-top: 100%; /* ここを変えると比率が変わる …