css - CSS，页面分辨率无关的网页

Question

我想达到在图像上绘制的结果（红色方块是区域，总是固定大小，黑色方块是屏幕）。我不知道如何做到这一点，除非这是一种获取当前屏幕大小并在 CSS 中使用条件语句的神奇方法。谢谢！！

这是图片： http: //glothriel.org/uploads/layout.png

Answer 1

您可以使用固定宽度的 div 和margin: 0 auto;

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

演示