Question

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

我希望所有东西始终保持在同一个地方，并且在全屏时只在侧面留下一堆白色空间，并且当窗口调整得足够小时可能会让白色空间消失（很像stackoverflow做到了）。

如何实现这一目标？我尝试改变设置为百分比的宽度而不是像素，我也尝试了min-width和max-width，但是我做错了或者这不是正确的路径。

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

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

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

1 个答案: