flex で h1 と btn を横並びにし、横幅が画面サイズを超えた場合どうなりますか?

どのようになるかいくつかの場合に分けて説明します。
2022年3月15日
ユーザー

h1240px と指定して、 a.btn160px とそれぞれに固定値を設定していますが、例えば、フレックスボックスでこれら 2 つの要素を横並びにして、画面サイズが 375px のスマホで表示させた場合、フレックスアイテムの横幅の合計が 400px なので画面の幅を超えてしまいます。この場合は、 flex-shrink の初期設定の 1 が機能して、 25px 不足しているのでそれを 2 で割った値、 12.5pxh1a.btn から引いて幅を縮小させて、 375px で横に並ぶようになるのでしょうか?

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(5)