HTML / CSS - Firefox Mobile - 高度问题

时间:2014-07-23 14:10:25

标签: javascript css html5 css3 responsive-design

我遇到了Firefox的滚动问题。我有一个JavaScript游戏,响应用户的浏览器大小。该游戏适用于Chrome等...但是使用Firefox时存在滚动问题。

我的游戏位于:http://beta.retandoclaro.com.mx/home/play/fr_game/flyingdog/

此游戏旨在通过手机播放。问题出在Firefox上,如果手机的屏幕很小,你必须向下滚动才能点击“播放”。"单击“播放”时,它会使用播放按钮删除div并显示实际游戏。但是,Firefox创建了一个问题,现在有很多滚动因为它试图隐藏地址栏。游戏会自动调整大小以适应用户手机的宽度和高度。

我不确定如何解释这一点,所以如果我没有多大意义,我会道歉。

我试图一起禁用滚动。但是,这些都不适用于这个问题:

html {
    overflow: hidden;
}

body {
    overflow: hidden;
}

我想禁用滚动,但我还需要确保播放按钮可见。我是否需要编写一些JavaScript来从主体中减去地址栏的高度,以便在不滚动的情况下将其全部放入手机屏幕?

感谢您的帮助!

0 个答案:

没有答案