當用戶調整窗口大小時，如何保持內容移動？

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