使站点适合所有屏幕的大小(在较大屏幕的中间)

Question

好吧，所以我在网站上工作，然后在圈顶上进行了工作，因此对于较大的屏幕，左侧只是空白的背景颜色。我希望有人能告诉我一种在更大的屏幕上居中的方法。我对解决屏幕问题的任何其他方法开放。

Answer 1

通常这种情况需要利润，但问题在于您只能设置一个边距。尝试CSS中的顶部，底部，左，右属性。通过这样做，您可以设置文本从顶部，底部，左或右的多远。尝试获得大多数设备的大小的粗略平均值，并从那里设置测量值。

Answer 2

，因此将页面内容集中的传统方式是通过容器。只需将其宽度(PX，EM，％等(和设置为自动的边缘。

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

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