Html 由于某些原因，我的页面无法滚动

由于某些原因，我只能在缩小页面时查看所有内容。当我以100%查看时，我只能查看页面的各个部分。我想我不小心在某个地方更改了边界，因为它在某一点上运行良好。不确定是否是整个页面周围的黑色边框使页面无法滚动

.border {
position: fixed;
top: 0;
left: 0;
border: 13px solid #000;
width: 100%;
height: 100%;
box-sizing: border-box;
}

.logo{
display: block;
text-align: center;

margin-top: 4em;
margin-bottom: 2em;
} 

.intro{
font-family: 'PRIND';
font-style: normal;
font-size: 15px;
font-weight: 20;
line-height: 0.4em;

text-align: center;

margin-top: 7em;
margin-bottom: 20em;
}

.box-1-container{
width:82%;
margin:auto;
}

.box-1{
background-color: #D6EAF8;

padding-top: 4%;

}

.about-me-text{

font-family: 'SansationBold';
font-size: 30px;

border-top: 7px solid rgb(217, 217, 217);


margin-left: 3%;
margin-right: 70%;

}

.about-me-text h1{
margin: 0;
}

#oscar{

font-size: 37px;

margin-bottom: 100%;

}

.para1{
font-family: 'SansationBold';

text-align:left;

margin-left: 3%;
margin-right: 48%;

line-height: 1.6em;

border-right: thick solid #E5E7E9  ;
}

---

在css代码的顶部添加以下内容：

html{
    overflow: auto;
}

---

如果需要帮助，请提供一个最简单的可执行示例。欢迎使用堆栈溢出。请阅读：。我们还需要查看您的HTML。它没有改变任何内容