JavaScript - 右の列は固定幅で、左の列は適応型で最小幅があります

Question

右列は固定幅、左列はアダプティブですが、ウィンドウがある程度縮小すると左列は小さくならなくなります。この効果を実現したい場合、どのようにレイアウトすればよいですか?

Answer 1

左列の最小幅: 300px; もちろん、これより小さくなることはありません。実際、最も簡単な書き方は次のとおりです:

リーリー

それで、これが問題なのでしょうか？なぜ問題が分からないのですか？

フォローアップ:

リーリー

これでニーズは満たされるはずですが、最終的なサイズを 900px 未満にするにはどうすればよいのかわからないので、スクロール バーを使用します

Answer 2

リーリー

Answer 3

.con(.l,.r)
.con
display:flex;
flex-wrap:nowrap;
width:100%;
height:xpx;
.l
....
.r
.. ..
それは理解できるはずです
しかし、固定幅を設定するのはあなた次第です
実際には、flexを使用する方が良いです