解决了

父级st-container也得设置为width:100%,height:100%

父级st-container也得设置为width:100%,height:100%

.st-container{

width: 100%;

height: 100%;

position: absolute;

left: 0;

top: 0;

font-family: Arial,sans-serif;

}

backface-visibility 是针对3D的.假如有Z轴的话,
范例 : https://developer.mozilla.org/zh-CN/docs/Web/CSS/backface-visibility

但是，这是什么原理呢

overflow: hidden;

确保.st-panel的z-index css属性值在导航之下，其他之上

不能全屏基本是父元素没定义100%  自己看看是不是吧

你用了transform，但是没有用transition。#st-control-n:checked~.st-scroll{ 这些地方应该使用transition }

个人觉得，正常来讲height100%的时候浏览器需要认识到块是需要根据父元素来定高度的。

我也有这个问题

在body中有没有设置overflow为hidden呢

你的第一个section的宽度也不是100%，说明你的.st-panel没有选中，检查html代码里写的class是不是一致

全屏html 和 body 100%,或者position relative，100%；

可以  就在每个课程右下方

谁解决了？

1. position: relative;height: 100%;

2. position: absolute;left:0;top:0;width: 100%;height: 100%;

3. ....

4. 视频用的第一种