当用户调整其 window 大小时，如何让我的内容保持移动？

Question

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

我希望所有内容始终保持在同一个位置，并且在全屏显示时只有一束白色 space 在两侧，也许让白色 space 消失当 window 的大小调整得足够小时（就像 Whosebug 那样）。

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

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

width:50%

并将其更改为

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

我还尝试将整个 body 包装在 div 中并为其设置 width/height 属性，但是，是的，这也不起作用。

我也尝试将位置设置为 "fixed" 和 "absolute"，但我也没有成功。

Answer 1

改变你的 css body

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

当用户调整其 window 大小时，如何让我的内容保持移动？

How do I keep my content moving when the user resizes their window?

html

javascript

css

resize