Question

由于某种原因，我只能在缩小页面时查看所有内容。当我以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  ;
}

Answer 1

在CSS代码顶部添加以下代码：

html{
    overflow: auto;
}

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

1 个答案: