这是我问题的概述。 在我的网站上 当您在移动平台上查看它时,最初有一个大的白色边框,您可以滚动到不需要的边框。显然,我已经实现了代码:
html, body { margin: 0px; padding: 0px;}
body {
font-family: "Josefin Sans";
width: 100%;
height: 100%;
}
问题是,一旦你滚动到成就部分,导致我问题的白色边框就会消失。
我的问题是,如何从初始网站中删除此白色边框?我尝试在我的iPhone
和Android
系统上查看最新版本的chrome和safari网站。
感谢您的时间,如果您需要任何额外的代码,或者答案很简单,因为我是初学者程序员,我深表歉意。
这是由用户向下滚动页面时显示的滑入式内容引起的。即使你看不到它(opacity:0
(,浏览器仍然在渲染内容,就在屏幕的右侧。我不确定您设置了哪个属性来阻止页面缩放到正文上,但最终效果是您可以看到内容出现的白色边框。
您隐藏/显示的内容包含在带有"时间轴"类的小部件中。将overflow:hidden
添加到.timeline
css 中:
.timeline {
margin-top: 8.75rem;
overflow: hidden; /* New property */
}