次のレイアウトを検討してください。
とが設定されている2つの列がありますmin-width（max-widthそれぞれに異なります）。ユーザーエージェントが狭くなると、右側の列は狭くなり始めますが、左側の列は最初の幅のままです。右の列がその位置にある後、左の列もそのmin-width位置になるまで、より狭くなり始めますmin-width。
CSSのみを使用してこの効果を達成することは可能ですか？もしそうなら、どのように？
1 に答える
1
これは、メディアクエリを使用する場合に可能になります。
基本スタイルの左側の列に静的な幅を設定します。次に、特定の画面幅でアクティブになるメディアクエリ内で、たとえば：@media all and (max-device-width: 460px), (max-width: 460px)、それを小さくしmin-widthます。
「特定の画面幅」は、右側の列が最小幅に達する画面幅である必要があります。
ここでの例：http：//jsbin.com/ivodam/1/edit
于 2012-10-04T19:09:41.143 に答える