在移动屏幕上，我有一个消失的白色不需要的边框

Question

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

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

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

踢球者是，一旦你滚过成就部分，导致我的问题的白色边框就会消失。

我的问题是，如何从初始网站中删除此白色边框？我尝试在iPhone和Android系统上查看最新版Chrome和Safari的网站。

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

Answer 1

这是由用户向下滚动页面时显示的滑入式内容引起的。即使您看不到它（opacity:0），浏览器仍然会渲染内容，就在屏幕右侧。我不确定你设置哪个属性来阻止页面缩放到正文，但最终效果是你可以看到内容出现的白色边框。

您隐藏/显示的内容包含在具有“时间轴”类的小部件中。将overflow:hidden添加到.timeline css：

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