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

Question

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

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

Answer 1

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