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



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

html, body {  margin: 0px;  padding: 0px;}
body {
font-family: "Josefin Sans";
width: 100%;
height: 100%;
}

问题是,一旦你滚动到成就部分,导致我问题的白色边框就会消失。

我的问题是,如何从初始网站中删除此白色边框?我尝试在我的iPhoneAndroid系统上查看最新版本的chrome和safari网站。

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

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

您隐藏/显示的内容包含在带有"时间轴"类的小部件中。将overflow:hidden添加到.timelinecss 中:

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

最新更新