How to handle different screen resolutions in Firefox-OS?

Question

I need to display a full screen image in Firefox OS. I have a "peak" dev preview phone with qHD resolution (960x540px).

How can I make sure my app will look good on other firefox-os devices with different screen resolutions as well?

Answer 1

Your best friend for multiple screen size support is to use responsive design.

Here is a couple resources to help you get started:

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