Html 在手机屏幕上，我有一个消失的白色边框

这是我问题的概要。 在我的 当您在移动平台上查看它时，最初会有一个大的白色边框，您可以滚动到其中，这是不需要的。显然，我已经实现了代码：

html, body {  margin: 0px;  padding: 0px;}

body {
  font-family: "Josefin Sans";
  width: 100%;
  height: 100%;
}

关键是，一旦你滚动过成就部分，导致我问题的白色边框就会消失

我的问题是，如何从初始网站中删除此白色边框？我曾尝试在我的

iPhone

和

Android

系统上使用最新版本的chrome和safari浏览该网站

---

感谢您的时间，如果您需要任何额外的代码，或者如果答案很简单，因为我是一名初学者，我向您道歉。

这是由于用户向下滚动页面时显示的滑入内容造成的。即使您看不到它（

opacity:0

），浏览器仍在渲染内容，就在屏幕右侧。我不确定您设置了哪个属性来阻止页面缩放到主体上，但最终的效果是您可以看到内容显示的白色边框

隐藏/显示的内容包含在类为“timeline”的小部件中。将

overflow:hidden

添加到

.timeline

css:

.timeline {
    margin-top: 8.75rem;
    overflow: hidden; /* New property */
}

---

啊，谢谢！我看到了这个问题，但只想通过尝试改变转换来解决它！