ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。
width:250px；など固定値を使うタイミング
- アイコン
- ロゴ
- 装飾
- 余白
- タップ領域
アイコン
Before要素やAfter要素などで追加するアイコンなどは固定幅で設定した方が良い。
ロゴ
ロゴも固定幅で設定。
サイズが決められているケースが多いのと、横に伸びてしまうとかっこ悪くなる。
装飾
区切り線などは固定値で設定
余白
marginやpadding、gapなどは固定値
タップ領域
ハンバーガーメニューなどのタップ領域は固定値が良い。
ただし、ボタンの幅は可変の方が良いケースが多い。
コメント