菜鸟教程小白 发表于 2022-12-12 16:15:13

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


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

<p>这是我的网址:
<a href="http://skypirat.es/comingsoon/" rel="noreferrer noopener nofollow">http://skypirat.es/comingsoon/</a>
我说的是平移云。</p>

<p>如果您将手机设置为横向模式并向下滚动,您会得到以下结果:
<a href="http://hitclick.de/images/screen-skypirates.jpg" rel="noreferrer noopener nofollow">http://hitclick.de/images/screen-skypirates.jpg</a>
看到云被切成两半了吗?</p>

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

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

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

<p>感谢和问候,
迈克尔</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p><code>.stage</code> 类(云的类)当前具有 <code>position: absolute</code>。将其更改为 <code>position: fixed</code>.</p>

<pre><code>.stage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于android - 移动横向模式下的 div 高度 100%?,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/32504994/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/32504994/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: android - 移动横向模式下的 div 高度 100%?