0

少し前に見たレイアウトを探していますが、ブックマークするのを忘れていました。メインの列は 3 列ありましたが、サイズを変更すると 2 列になり、3 列目が次の行に落ちました。オーバーフローによる通常のレイアウトのサイズ変更ではありませんでした。

サイズを変更するとき、3 つの列は実際には、それぞれ幅の 33% である制限に達するまで同じ幅のままでしたが、高さは増加しました。明らかに変わったのは、テキストサイズだけでした。次に、サイズ変更のある時点で、3 つの行のうちの 1 つが次の行に落ち、上部の 2 つが幅全体 (50% と 50%) を埋めるようにサイズ変更され、下部の 1 つが幅を埋めるように変更されました。新しい行の 100%。私はたくさんグーグルを試しましたが、私はネイティブではないので、それを見つけるための正確な用語を見つけることができないようです. デモでは完全に機能し、CSS と HTML のみで機能したことはわかっています。

EDIT、それらの3つのコンテナはずっと同じ幅のままでした。

4

1 に答える 1

1

メディア クエリは、あなたが求めているもののように聞こえます。ブラウザー ウィンドウの幅に応じて、さまざまなスタイルを指定できます。それは確かにあなたが求めているものを達成するために使用することができます.

例えば。幅が 900px を超えるデバイスをターゲットにしたい場合は、次を使用できます。

@media screen and (min-width: 900px) {
  .class {
    background: #666;
  }
}

メディア クエリの詳細については、こちらを参照してください。

于 2012-11-01T16:36:18.260 に答える