sliceokazu-fluidImage完成したPC用のページをレスポンシブデザインにする。タブレット用のデザインを考える。いま、PC用の横幅は960pxなので、959px以下のサイズでメディアクエリーを記述する。content="width=device-width">をheadに記述する。959px){}カラム落ちではなく、フルードイメージでつくる。フルードイメージの時に考えること。100%」を設定する。これで親要素の幅まで自動的に縮小がかかる。親要素の幅が100%。今回の場合、imgの親要素は<li>と<h1>になります。画像サイズの固定値を、割合に変更する。最後に...レイアウト用にピクセルで指定した値を「%」に置き換える。以上3つの条件だけを念頭に置いて作業をすすめる。その2スライスした画像をコーディングする。月別アーカイブ検索はてなブログをはじめよう!ohta-felicaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。