Non-"retina" icons fuzzy on Nexus 7

[adammessinger]

On a Nexus 7 tablet, -webkit-min-device-pixel-ratio is 1.3 -- too low to trigger jQM's HD sprite but high enough that the standard-res icons are blurry. This can be seen by visiting this page with the Nexus 7's Chrome browser.

I've fixed this for my app's custom icons by adjusting the media query as follows:

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 124dpi) /* in the future, switch to 1.3dppx */

This would be a good improvement for jQM to make as well, but should it start even lower? Like 1.2?

[jaspermdegroot]

@adammessinger

Thanks for the suggestion. I think changing the min-device-pixel-ratio in our icon MQ's from 1.5 to 1.3 might be a good idea.
I don't think we should change the min-resolution from 240 to 124dpi. That would target devices that shouldn't use the HD sprite: http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density

@toddparker @Wilto - What do you guys think about this change?

[toddparker]

I just made a change to switch to 1.3 and 200dpi to hopefully address lower slightly lower resolution screens while I was adding some new icons. This was added to the panel branch for additional testing but will land in master when this is merged in.
2049baf

Closing as resolved.