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

Question

这里是密码笔:http://codepen.io/mlynn/pen/myaeea

我希望所有内容始终保持在同一个位置，并且在全屏显示时两侧只有一堆空白，并且当窗口调整得足够小时可能让空白消失(很像stackoverflow 做到了)。

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

换句话说，我会找到以下每个实例:

width:50%

并将其更改为

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;

}

您确实想出了使用 position:fixed 但将其插入错误的位置，这会将您的元素固定在同一个位置。您可以更改宽度和高度值以满足预先要求。

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