如何在Firefox-OS中处理不同的屏幕分辨率？

Question

我需要在Firefox OS中显示全屏图像。我有一个“峰值”开发预览手机的qHD分辨率(960x540px)。

我怎样才能确保我的应用程序在其他不同屏幕分辨率的火狐-os设备上看起来也很好呢？

Answer 1

你最好的多屏幕支持就是使用响应式设计。

这里有几个资源可以帮助你入门：

• https://marketplace.firefox.com/developers/docs/ui_guidelines
• https://marketplace.firefox.com/developers/docs/patterns

Answer 2

你现在有几个选择，我相信在模拟器中增加对不同分辨率的支持的工作也在进行中。在我看来，目前测试不同分辨率的应用程序的最佳选择是在Firefox浏览器中运行它们，并利用响应工具。您可以使用与构建任何gaia应用程序相同的方式来完成此操作。将您的应用程序放在gaia应用程序文件夹中，然后运行：

$ DEBUG=1 make

在输出的最后一行中，您将看到类似以下内容：

Profile Ready: please run [b2g|firefox] -profile /path/to/your/gaia/profile

我建议每晚使用Firefox，因为它有最新的开发工具和更新。在我的系统上，每晚都是在/usr/bin/firefox-trunk中，所以我会运行下面这样的代码：

:~/Projects/gaia$ /usr/bin/firefox-trunk -profile /path/to/your/gaia/profile calendar.gaiamobile.org:8080

​

​

Firefox有一个特殊的接口来处理gaia配置文件。这也是非常好的能够编辑CSS和检查您的应用程序在此模式。

根据this MDN page的说法，您还可以在使用B2G桌面时设置屏幕分辨率。您可以在运行b2g桌面时指定屏幕分辨率，然后将您的gaia配置文件传递给它。它应该是这样的：

./b2g-bin --screen=320x480@160 -profile /path/to/your/gaia/profile --runapp yourapp

我现在不能在Linux上成功地使用这个命令，但如果你在Mac上，它可能会起作用。

希望这能有点帮助