当调整浏览器窗口大小时，浏览器只是减少元素后面的空间。我想像在 Facebook 中那样平均减少左右两侧的空间。
这是我的代码
CSS:
body{
margin-left:10%;
margin-right:10%;
}
HTML:
<body>
Some content
.
.
.
.
</body>
首先我想到给body一个min-width。但是屏幕尺寸较小的计算机将是一个问题。此外，min-width 也不是好的解决方案。
最佳答案
只需将宽度 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%;
}
关于javascript - 调整浏览器窗口大小时平均减少空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13526096/