同じレイアウトを維持しながらこれらのdivのサイズを変更するにはどうすればよいですか？

Question

タイトルのため申し訳ありませんが、要約するのは難しい問題です。

（あなたが言うことができるように、それはメトロに触発さ）：現時点では、私はこのようになりますウェブサイトを持っています。 http://jsfiddle.net/r46bY/4/embedded/result/

divをすべて囲んでいる（点線の枠で囲んでいます）、ユーザーのブラウザウィンドウに合わせてサイズが変更されています。ボタンを（同じように色付けされたdiv）方法を見つけ出す。現時点では、特定の画面サイズに基づいて絶対配置を使用して配置されています。私は彼らに同じレイアウトを維持するが、コンテナdivと一緒にサイズを変更したい。

私はCSSで液体の値を実験しましたが、適切な位置づけができません。

助けてください。

Answer 1

寸法（余白を含む）には、ピクセルではなくパーセンテージを使用してください。サイズを変更するときには、周囲のdivのサイズを変更するだけで済みます。コンテンツは適切なサイズにする必要があります。