使网站适合所有屏幕的大小（中间位于较大屏幕的中间）

Question

好吧所以我正在网站上工作，我是在笔记本电脑上做的，所以对于更大的屏幕，左侧只是空白的背景颜色。我希望有人能告诉我一种将网站放在更大屏幕上的方法。我对其他解决屏幕问题的方法持开放态度。

Answer 1

通常这种情况需要边距，但问题是你只能设置一个边距。尝试CSS中的top，bottom，left，right属性。通过这样做，您可以设置文本从顶部，底部，左侧或右侧的距离。尝试粗略估算大多数设备的大小，并从那里设置测量结果。

Answer 2

因此，将页面内容居中的传统方式是通过容器。只需给它一个宽度（px，em，％等）和侧边距设置为auto。

.site{
  background: red;
}
.container{
  width: 40%;
  margin: 0 auto;
  background: yellow;
}

<div class="site">
  <div class="container">
    Site content
  </div>
</div>