Question

早上好，

我在手机上滚动网站时遇到问题。我已将div高度设置为100％，但在移动设备上，它的高度为“auto”。但是，当文本长于屏幕高度时，我无法读取它。我该怎么编辑呢？谢谢！

HTML：

<div id="about">

<div id="onas">
<div id="obsah">
<p> text text text....</p>
</div>
</div>
</div>

CSS：

#about {
background:url('images/bg-about.png') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: block;

    min-height: 100%;
  width: 100%;
    color: white;

  position: fixed;
  top: 0;
  left: 0;
margin: 0 auto;
z-index: 1;
}

#obsah {
margin-left: 10%;
margin-right: 10%;
margin-top: 5%;
color: black;
font-size: 21px;
}

#onas {
position: absolute;
font-family: cond;
bottom: 0;
left: 0;
width: 100%;
background: rgba(255, 255, 255, .5);
  min-height: 40%;
}

 @media screen and (max-width: 1024px){

#onas {
position: static;
margin-top: 200px;
padding-top: 15px;
width: 100%;
height: auto;
min-height: 40%;
}

}

Answer 1

你的问题是你有：

职位：固定;

在你的约会中，你可能正试图将它应用到后台。

删除该行，它将滚动。

docs

如何在移动设备上滚动

1 个答案: