初歩的な内容だとは思うのですが、自身で試行錯誤した結果、解決できそうになかったため質問に至りました。
何かアドバイスあればよろしくお願いいたします。
前提・実現したいこと
- PC・Mobileの両方に対応可能なナビゲーションバー作成したい
(あまりイケてない気もしますが…) - PCの場合は以下のように表示させたい
- Mobileの場合は以下のように表示させたい
発生している問題
- 画面サイズの変更に対してレイアウトが正しく追従していない(レイアウトが崩れている)
各種設定
- 三つのアイコンすべて同様の設定をしている状況です。
各種オプションの設定、値の変更などもいろいろ試行したのですが、大きくは変わらず、解決方針がわかりかねています。
補足
Groupの中にアイコンを設定している点については以下URLを参考にしました。
what I do is I put a group around each icon. I make sure the groups all touch. So 3 icons at page width 900, means 3 groups each group 300.
Icon in group centre.
Then the groups all are not fixed width with min width 10% of original so if you reduce the page size all groups move closer to another.
(If groups were not touching they would try to maintain the same distance between another.)
よろしくお願いいたします。