Firefox OS显示问题

Question

我正在为我的新中兴Open C设备开发一款GPS跟踪应用程序。一切都很好，但我有显示问题：

• 当我把它放在WebIDE模拟器上时，显示效果很好，占据了所有窗口，

• 但是当我将应用程序发送到我的真实设备时，按钮和文本在一个大的白色区域内非常小，我必须缩放以查看文本。

我已经测试了其他应用程序，每次都是同一个故事。所以我不认为问题来自我的应用程序，但更有可能来自我的设备。

我有两个想法（但仍然不知道该怎么做）：

• 当我运行JavaScript命令window.innerWidth和window.innerHeight时，模拟器会得到“450x320”，但在我的设备上，我在纵向模式下获得“1258x800”，在“800x435”中获得“景观模式。我认为这里有一些观点。

• 正如我所说，我的设备是运行Firefox OS B2G 2.1（Aurora）的中兴Open C。而且我很确定我的设备上的原始版本的Firefox OS显示是正确的（如果我是正确的话，则为1.1）。

我是HTML / Firefox操作系统的新手，我已经被困了好几天了。

Answer 1

使用

时使用firefox操作系统

var intViewportWidth = window.innerWidth;

它似乎不适用于2.1,2.2或2.5，在Firefox OS中设置视图端口的最佳建议用法是使用CSS元素

<div style=" width: 100%; height: 100%"> </div>

或者如果您愿意，可以在样式表中进行设置。在我工作的东西中，我发现无论你使用设备设置它，视口都已正确填充。