Question

调整浏览器窗口大小时，浏览器只会减少元素后的空间。我想在Facebook上左右平均地减小空间。

这是我的代码

CSS：

body{
     margin-left:10%;
     margin-right:10%;
}

HTML：

<body>
Some content
.
.
.
.
</body>

首先我想到给身体一个min-width。但是屏幕尺寸较小的计算机将成为问题。 min-width也不是一个好的解决方案。

Answer 1

只需向80%提供宽度body，然后将margin-left和margin-right提供给auto进行中心对齐

   body{
      margin:0 auto;
      width:80%;
    }

建议：

为身体提供样式不是一个好习惯，将样式提供给页面中的顶级父div

像这样，

<body>
<div class="container">
       all page elements.....
</div>
</body>

CSS：

container{
          margin:0 auto;
          width:80%;
        }

Answer 2

Answer 3

有什么问题

width: 50em;
max-width: 95%;
margin: 0 auto;

因为在网络上建议多次显示一个居中的包装器，它会随着浏览器窗口的缩小和扩展而左右相等的空间......