mozilla-b2g/gaia — pull request #10787 by dominickuo (2013-07-04 08:36:33+00:00)
Title: Bug 881151 - [music] Adjust layout to fit HD devices

This PR is based on 1ecb8333c83f89b6a822a5d54bbd9417246f9a03 which is the patch of
https://bugzilla.mozilla.org/show_bug.cgi?id=830644

* To test this patch on HVGA / WVGA devices:
1. ```$ make install-gaia APP=fm GAIA_DEV_PIXELS_PER_PX=1.5```

What ```GAIA_DEV_PIXELS_PER_PX``` do is to replace image files by @1.5x assets when exist.
Images will be too large (and break the layout) if we missed to set background-size for them in the patch.
If this patch works well, we will get correct layout on both HVGA and WVGA (and ideally qHD, but AFAIK we don't have to confirm it at this time) screen.

* Testing on nightly is also possible:
1. ````$ make DEBUG=1 GAIA_DEV_PIXELS_PER_PX=1.5````
2. enter ```about:config``` and set ```layout.css.devPixelsPerPx``` to ```1.5```
3. set responsive design window to 320 x 533 px (which is CSS pixel dimension for 480 x 800 device pixel dimension).