Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Non-"retina" icons fuzzy on Nexus 7 #5165

Closed
adammessinger opened this Issue · 2 comments

3 participants

@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
Collaborator

@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.

@toddparker toddparker closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.