css - CSS、ページ解像度に依存しない Web ページ

Question

画像に描かれた結果を達成したい（赤い四角は領域、常に固定サイズ、黒い四角は画面）。画面の現在のサイズを取得し、CSS で条件ステートメントを使用する魔法の方法がない限り、これを行う方法がわかりません。ありがとう！！

これがimgです：http://glothriel.org/uploads/layout.png

Answer 1

固定幅のdivでそれを行うことができますmargin: 0 auto;

div {
    width: 500px;
    margin: 0 auto;
    height: 500px;
    background: red;
}

デモ