无论浏览器大小如何，都以网站内容为中心

Question

我刚刚注意到，我应该意识到，但继续说，如果我放大我的网站，一切都会一团糟。我不完全理解如何使它居中而不移动物体。

示例位置处放大http://gyazo.com/d868f6ebb249c8aa0b4a20e8cba24e86

无论你做什么，我都希望它保持居中。

Answer 1

简单的答案：将整个站点封装在容器<div>中，并为其提供id"site-container"

然后将其添加到您的CSS 中

流体宽度：

#site-container
{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

固定宽度：

#site-container
{
    width: 900px;
    position: relative;
    left: 50%;
    margin-left: -450px; /* -(width/2) */
}

显然，根据需要调整尺寸

Answer 2

或使用

margin: auto;

我给你做了一把J小提琴http://jsfiddle.net/9Mqza/