javascript - Firefox for Android - 地址栏与内容重叠。有解决办法吗？

Question

我正在制作一个网页，它必须是 100% 高。我这样做了，它在任何地方都可以正常工作，除了在 Android Firefox 上。问题是:

当我第一次打开页面时，在横向模式下 - 地址栏与内容重叠。

如果我改变方向 - 它在纵向模式下正常，当我回到横向模式时 - 那里也正常。该问题仅在横向模式下出现，在任何(最终)方向更改之前。

尝试了很多东西，主要是一些 scrollTo() 解决方案，但没有任何效果。

提前致谢。

Answer 1

我相信这就是 Firefox 应用程序的工作原理。您可以在 (CSS) 样式表中为正文声明一个 10 到 15 像素的“margin-top”。这将在页面顶部创建一个黑色空间。您可以相应地调整该高度。

您还可以尝试使用 javascript 检查该浏览器，如果您不希望它在 Firefox 应用程序之外进行调整，则可以使用“margin-top”调整指定一个新的 CSS。