全部设置包了100%之后，body和html设置了overfload：hidden，页面就无法显示了
来源：1-2 全屏滑动插件的CSS和HTML结构
Lockiej
2017-05-09 18:40
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0px;
padding: 0px;
}
body,html{
height: 100%;
overflow: hidden;
}
div{
height:100%;
}
li,ul{
height: 100%;
}
</style>
</head>
<body>
<div>
<ul>
<li style="background-color:red;">1</li>
<li style="background-color:yellow;">2</li>
<li style="background-color:blue">3</li>
</ul>
</div>
</body>
</html>
写回答
关注
2回答
-
- 慕小小白
- 2017-06-04 19:28:05
不是页面无法显示，因为你每一张高度都是100%所以你在页面上只能看到第一张页面，其他页面都在屏幕下方，又因为你body和html设置了overflow：hidden，所以滚动条被隐藏了，所以你没办法滑倒下一张了，你把overflow：hidden先注释了，你就能看到另外两张了
-
- FEIIIIII
- 2017-05-10 16:19:07
你不要把height改成百分比。你这里的意思是所有div、li的高度都占用100%（意思就是整个页面的高度都被占用了）。
把他改成固定像素就好了，比如
li{height：30px；}
全屏切换效果
如何在PC和移动端实现全屏切换效果，本课程会给你答案
85463 学习 · 154 问题
相似问题