Firefox OS 设备图形问题

Firefox OS device graphics issue

我正在开发一个只有一个 html 页面的 firefox os 应用程序。应用程序的不同部分被创建为具有 100% 宽度和高度的分区,具有固定的 pos 和不同的 z-index 值(它被创建为一个分区在另一个分区之上)。它在浏览器上 运行ning 很好,当然在 firefox os 模拟器上也很好。但是在我的 firefox os 设备 (Spice MIFX1) 中,应用程序很好,但是当我们在按 "o" 按钮最小化后最大化我们的应用程序时,可能是由于设备规格低,我们可以看到不同的部门层层叠叠,这可能会影响应用程序的完善和用户体验。该应用程序将 运行 就好了,但我不希望用户看到分区堆叠起来。这个问题在模拟器或浏览器中不存在,可能是因为它在我的笔记本电脑中速度 运行ning 更快。有没有办法避免这种奇怪的堆叠场景?也许可以隐藏这个堆叠过程的东西?我认为这是由于作为 Firefox OS 一部分的脚本执行缓慢而发生的(当应用程序 window 最大化时脚本为 运行)因为在最大化过程中我在我的应用程序中没有要执行的任何脚本。由于硬件规格不佳,避免此问题的正确程序是什么?

设置 element.style.display = "none"; 对当前未显示的所有 "divisions" 是否有用?这样只会显示顶部?这可能会使屏幕变白,因为其他部门正在添加然后合成。另外,我很好奇从 DOM 中完全删除未显示的分区并且只将显示的分区添加到 DOM 是否会更高效。如果您需要一次显示多个分区,这可能不起作用(但我不确定您的 UI/UX 是什么样子)。