移動橫向模式下的 div 高度 100%？

Question

我遇到了一個 spritely-div 的問題，它在移動設備上以橫向模式滾動時被切成兩半（保持與初始屏幕高度相同的高度）。 而我就是無法修復它。 ;-(

這是我的網址： http : //skypirat.es/comingsoon/我說的是平移雲。

如果你把你的手機變成橫向模式並向下滾動，你會得到這個結果： http : //hitclick.de/images/screen-skypirates.jpg看到雲被切成兩半了嗎？

知道我如何給它們高度：100% 以便它們顯示為未切割 - 就像在縱向模式下一樣？

或者更好：修復這個 div？ 這樣雲就留在原地——只向左平移（很好，那個人只能看到它們的上部）並且只有文本在滾動？

我一直在玩“位置”，“背景附件”，“高度：100vh”，“最大高度：繼承”等，但無法解決這個棘手的問題。 ;-(

謝謝和問候，邁克爾

Answer 1

.stage類（雲類）當前具有position: absolute 。 將其更改為position: fixed 。

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