マージン/パディングの使い方 (margin / padding)

参考:

Using Percent for Margin and Padding | MattSnider.com

margin

参考:

margin | MDN

margin-top | MDN

margin におけるパーセント指定

margin-top / margin-bottom についても親要素の横幅が基準となる。

参考:

CSS で上下 margin のパーセント (%) 指定が上手く行かない原因 | かきしちカンパニー Web Magazine

レスポンシブ Web デザインでハマりがちな % 指定 │ Design Spice

CSS の上下パーセント指定が難しいのは親要素の幅で決まるから | おち研 技術部

パーセント指定 | Step forward CSS

margin-top を % で指定したら横幅に依存するようになった。| teratail

What You Don’t Know About Calculating Percentage Margins in CSS | Hongkiat

Why are margin/padding percentages in CSS always calculated against width? – Stack Overflow

パーセントと px を同時に指定する (calc)

参考:

Can we define min-margin and max-margin, max-padding and min-padding in css? – Stack Overflow

マージンをレスポンシブにする

参考:

min-margin、max-margin、min-padding、max-padding を Sass とメディアクエリで実装。| OCLOCKTEN

レスポンシブ用のマージン指定、最小値と最大値を設定し、その間を変化させる実装テクニック | コリス

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です