Question

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

如何确保我的应用在其他具有不同屏幕分辨率的firefox-os设备上看起来也不错？

Answer 1

您现在有几个选项，我相信还有一些工作正在进行，以便在模拟器中添加对不同分辨率的支持。在我看来，目前用于测试不同分辨率的应用程序的最佳选择是在Firefox浏览器中运行它们并利用响应式工具。您可以像构建任何gaia应用程序一样执行此操作。将您的应用程序放入gaia app文件夹，然后运行：

$ 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

enter image description here

Firefox有一个用于处理gaia配置文件的特殊界面。能够在这种模式下编辑CSS并检查你的应用程序也非常好。

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

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

我现在无法在Linux上成功使用此命令，但如果您使用的是Mac，则可能会有效。

希望有所帮助

Answer 2

支持多屏幕尺寸的最好朋友是使用响应式设计。

以下是一些帮助您入门的资源：