画像が荒くて申し訳ありませんが、各ボックスは私のウェブサイトの div になります。レスポンシブにしたいので、さまざまな画面サイズでうまく機能するので、各 div の幅を定義するときに % を使用する必要があることはわかっていますが、フロートを使用するのは正しい方法ですか? divをフローティングするよりも簡単にこれを行う方法はありますか? そして、それがうまくいくかどうかもわかりません。
2 に答える
4
これを行うには、さらにいくつかの div を使用します。 
最大の div は左にフロートします。次に、青で概説された2つ（私の追加）も左に浮かびました。これらの青い div の内側に、フロートなしで独自の 2 つまたは 3 つの div を追加します。これは、このレイアウトを機能させるために私が知っている最も簡単な方法です。最良の結果を得るには、すべてのスタイルをスタイルシートに保持して、キャッシングとメンテナンスの労力を向上させます。
于 2012-04-17T14:37:24.300 に答える
0
パーセンテージを使用して幅が割り当てられたフローティング div でこれを設計する必要は必ずしもありません。代わりに、サポートしたいさまざまなタイプのプラットフォーム用の CSS クラスを設計し、CSS メディア クエリを使用してそれらを切り替えることができます。これが、Twitter Bootstrap のような最新のフレームワークがこのタスクを達成する方法です。
例: http://twitter.github.com/bootstrap/scaffolding.html#responsive
于 2012-04-17T14:35:18.837 に答える