AP*DesignFactory

BLOG

縦横比を固定したままiframeや画像を表示する

margin と padding を %で表すときは、親要素の横幅が基準となります。 上下のmargin/paddingも、親要素の【横幅】が基準です。 レスポンシブコーディング時は、これを便利にいろいろなところで活用し…

2018.4.25html5/css3, responsive

横幅いっぱいのメイン画像を配置したレスポンシブコーディング

用意されたデザインファイルは下記のような感じ。 メインイメージの青枠の部分はマストで表示されるようにする。 コーディング後のメインイメージ部分の表示 ウィンドウサイズが1600px以上の時 メインイメージ部分はウィンドウ…

2018.3.21html5/css3, responsive