Firefox OS显示问题

Question

我正在我的新中兴开放C设备上开发一个GPS跟踪应用程序。一切正常，但我有显示问题：

• 当我把这个放到WebIDE模拟器上时，显示很好，并且把所有的窗口都拿走了，
• 但是当我将应用程序发送到我的真实设备时，按钮和文本在一个大的白色区域内是非常小的，我必须放大来查看文本。

我用其他的应用程序进行了测试，每次都是一样的。因此，我不认为问题来自我的应用程序，但更有可能来自我的设备。

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

• 当我运行JavaScript命令window.innerWidth和window.innerHeight时，我得到模拟器的"450x320“，但是在我的设备上，我得到了"1258x800”的纵向模式和"800x435“的横向模式。我认为这是有道理的。
• 正如我所说的，我的设备是运行在Firefox B2G 2.1 (Aurora)上的中兴开放C。我确信我的设备的最初版本火狐操作系统(1.1，如果我是正确的话)显示是正确的。

我对HTML/Firefox操作系统非常陌生，我已经被困了好几天了。

Answer 1

在使用firefox os时，如果您正在使用

var intViewportWidth = window.innerWidth;

它似乎在2.1、2.2或2.5中不能很好地工作，在Firefox OS中设置视图端口的最佳建议是使用CSS元素

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

或者，如果您愿意，可以在样式表中设置它。在我所做的事情中，我发现无论你用百分比来设置它的设备，视图端口都是正确填充的。