css - 使用最大宽度时不需要的空间

Question

我正在处理这个登录页面，我想在正文中添加一个最大宽度，以便在更大尺寸的屏幕上看起来仍然像正常尺寸。问题是它在某些元素的左侧添加了边距或其他东西。起初我只在网格上拥有它，它看起来并没有那么糟糕，所以我离开了它。问题是现在当我滚动时我可以在导航栏上看到它，而且你可以看到它。有没有办法解决这个问题？这是代码笔https://codepen.io/raul-rogojan/full/LoOoVm这是我的正文代码。

body {
  max-width: 1330px;
  margin: auto;
  overflow-x: hidden;
  font-family: 'Catamaran', sans-serif;
}

标签： css

Answer 1

你设置了max-width: 1330px;因为这个你有问题。您必须提供应在所有屏幕上均等设置的屏幕尺寸，因此如果您将其设置为max-width: 100vw这将解决您的问题。