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]