屏幕右侧的白色空间用于水平滚动

Question

我的website上有一个问题，在放大直到水平滚动条出现时，如果我向右滚动，我会在我的模型悬停时找到空白区域它。我试图想办法扩展我的div的背景，就像我的导航栏一样，它总是覆盖这个空白区域。如果有人放大，我希望允许横向滚动，所以我将我的身体溢出设置为自动。将体宽设置为100％似乎无法解决此问题。

据我所知，如果没有强大的HTML和CSS，这可能很难回答。如果需要，我会清理它（它有点乱）并发布它。

更具体一点，每当我有一个水平滚动条（无论是通过缩放还是仅通过拖动来缩小屏幕宽度），如果我向右滚动到足以找到空白区域。我怎么能让我的div背景适合那个空间呢？

Answer 1

您可以将CSS添加到您的身体，这是您的填充问题：

body {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

Answer 2

尝试使用<meta name="viewport" content="width=device-width, initial-scale=1.0">！顺便说一句，当我在一台小屏幕笔记本电脑上打开你的网站天气或者在1920年的1080全高清时，我看不到右侧有任何空白区域。当我在底部的Chrome缩小到50％时，我看到的唯一空白区域!!!

Answer 3

在你的jumbotron上添加css：

background-color: /*#4ABDAC #FC4A1A #3CC47C #F7C331 #57BC90 #438496 #88D317*/ #73B66B !important;

到你的身体。