OStack程序员社区-中国程序员成长平台

标题: android - 移动横向模式下的 div 高度 100%？ [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 16:15
标题: android - 移动横向模式下的 div 高度 100%？

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

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

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

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

或者甚至更好:修复这个 div？这样云就留在原地 - 只向左平移(很好，只能看到它们的上部)并且只有文本在滚动？

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

感谢和问候， 迈克尔

---

Best Answer-推荐答案

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

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

关于android - 移动横向模式下的 div 高度 100%？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32504994/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4