Css 使用“最大宽度”时不需要的空间

我在这个登陆页面上工作，我想在主体上增加一个最大宽度，这样在更大尺寸的屏幕上看起来仍然像正常尺寸。问题是它在某些元素的左侧添加了一个边距或其他内容。一开始我只是把它放在网格上，看起来没那么糟糕，所以我就把它放了。问题是，现在我可以看到它在导航栏上，当我滚动太多，你可以看到它的大时间。我有办法解决这个问题吗？这是密码笔，这是我身上的密码

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

---

最大宽度：1330px

是导致问题的原因，因为它只影响大于指定大小的屏幕大小

如果将其设置为：

max width:100vw这将清除您的空白问题

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

一般来说，将
px
中的
max width
设置为
不是最佳做法。
试试这个


body，html{
保证金：0；
填充：0；
}
设置
最大宽度：1330px正因为如此，你才有了问题。您必须给出在所有屏幕上都应相同设置的屏幕大小，因此如果您将其设置为
max width:100vw
，这将解决您的问题。
它不起作用。在大屏幕上，这个页面看起来也很有吸引力。标题始终为100%，但其余内容为1330px。如果我使用%或vw，那么它将在所有显示器尺寸上占据%的屏幕，那么如何使它在更大的网站上占据100%的屏幕？我没有一个大的显示器，我不能优化大型显示器的网站。或者你如何处理较大的显示器？出于好奇，为什么你需要在
上加一个
最大宽度
？因为它在大显示器上看起来很糟糕，我看到很多网站不是100%的显示宽度，所以我想它们是通过添加一个最大宽度来完成的。到目前为止，我正在编写2个月的代码。这是我做这件事的最好办法，
应该是全宽的。听起来，您试图实现的是使用一个包装器
，并设置
最大宽度
和
边距：自动在那上面。