マガジンのカバー画像

Web制作_HTML/CSS

4
本
運営しているクリエイター
kagu

#レスポンシブ

kagu

kagu

レスポンシブにしたときに左右に余計な隙間ができる、というか飛び出ちゃう時

CSSでは残念なことに、親要素でサイズを指定しても、子要素の大きさがはみ出るほど大きければ、全体のサイズははみ出てしまう。

親要素で600pxに指定しても、子要素が何らかの理由で右に30pxはみ出していれば、全体長さは630pxになってしまうということ。
親要素でいくらmarginを0にしようが、paddingを0にしようが関係ない。子要素が少しでもはみ出してしまえば無駄になる。

だから、全て

もっとみる
kagu

kagu

レスポンシブデザインのやり方

ページを最後まで作ってからやろうとすると、どういうCSSにしたか忘れているので大変だから、ゾーンごとにレスポンシブに対応させながらやった方がいいかもしれない。

つまり、レスポンシブにしながら作っていくということ。