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

Question

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

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

如果您将手机切换为横向模式并向下滚动，您将得到以下结果: http://hitclick.de/images/screen-skypirates.jpg 看到云被切成两半了吗？

知道如何给它们高度:100%，以便它们显示为未剪切的 - 就像在纵向模式下一样？

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

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

谢谢和问候， 迈克尔

Answer 1

.stage 类(云类)当前具有 position:absolute。将其更改为位置:固定。

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