android - 移动横向模式下的 div 高度 100%？

Question

我遇到了一个 spritely-div 的问题，它在移动设备上以横向模式滚动时被切成两半(保持与初始屏幕高度相同的高度)。我只是无法修复它。 ;-(

这是我的网址: http://skypirat.es/comingsoon/我说的是平移云。

如果你把你的手机调成横向模式并向下滚动，你会得到这个结果: http://hitclick.de/images/screen-skypirates.jpg看到云被切成两半了吗？

知道如何给它们设置 height:100% 以便它们显示为未剪切 - 就像在纵向模式下一样吗？

或者更好:修复这个 div？这样云朵就停留在它们所在的位置 - 只向左平移(很好，只能看到云朵的上半部分)并且只有文本在滚动？

我一直在玩弄“位置”、“背景附件”、“高度:100vh”、“最大高度:继承”等，但无法解决这个棘手的问题。 ;-(

谢谢和问候，迈克尔

Answer 1

.stage 类(云的类)当前有 position: absolute。将其更改为 position: fixed。

.stage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}