当用户调整窗口大小时，如何保持内容移动？

Question

下面是代码笔：http://codepen.io/mlynn/pen/myaeea

我想要的一切，在任何时候都待在同一个地方，只是有一堆在侧面的白色空间进入全屏模式时，并可能有空白走开当窗口调整足够小（很像stackoverflow做到这一点）。

这是如何实现的？我尝试改变设置为像素百分比的宽度，而我也尝试了最小宽度和最大宽度，但无论是我做错了还是那不是正确的路径。

换句话说，我会发现的每一个实例：

width:50% 

，并chnaged到

min-width:500px; 
max-width:500px; 

我也试过环绕整个身体在一个div和设置宽度/高度属性因为它，但是，那也没用。

我也尝试设置职位为“固定”和“绝对”，但我没有找到成功与此。

Answer 1

改变你的CSS身体

body { 
    /*background:url('');*/ 
    background-color:#1E1F21;      /*Back Colors*/ 
    position:fixed; 
    width:1400px; 
    height:1440px; 
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; 
    font-size: 16px; 

} 

你不弄清楚使用位置：固定但在错误的地方插入它，这将解决在同一个地方你的项目。您可以更改宽度和高度值以满足提前要求。

检查：http://codepen.io/anon/pen/YPdyGJ