縦横比を固定したままiframeや画像を表示する
margin と padding を %で表すときは、親要素の横幅が基準となります。 上下のmargin/paddingも、親要素の【横幅】が基準です。 レスポンシブコーディング時は、これを便利にいろいろなところで活用し…
2018.4.25html5/css3, responsive
横幅いっぱいのメイン画像を配置したレスポンシブコーディング
用意されたデザインファイルは下記のような感じ。 メインイメージの青枠の部分はマストで表示されるようにする。 コーディング後のメインイメージ部分の表示 ウィンドウサイズが1600px以上の時 メインイメージ部分はウィンドウ…
2018.3.21html5/css3, responsive