東京都中野区を中心としたホームページ制作会社『PNRA CO.LTD.,』のブログ。日々の業務上での発見やアイディア、Tipsなどを随時更新していきます。Category:DESIGN / Tag:CSS, DESIGN, Modern UI レスポンシブデザインでも使えるアスペクト比を固定したボックス要素 written:2014.08.7 [1] アスペクト比の固定方法 アスペクト比を固定するには、横幅に対する高さをpadding比率で取ってあげるだけです。 基本構文はこちら .aspectwrapper { position: relative; width:50%; background:#000000; } .aspectwrapper:after{ padding-top: 100%; display: block; content: “”; } .aspe