3

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

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

4

2 回答 2

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 和检查您的应用程序也非常好。

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

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

我现在无法在 Linux 上成功使用此命令,但如果您使用的是 Mac,它可能会起作用。

希望那有所帮助

于 2013-06-15T01:35:55.907 回答
1

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

这里有一些资源可以帮助您入门:

于 2013-06-14T09:28:18.747 回答