Different images for different resolutions in HTML resources in Android -
how display different images different screen resolutions (hdpi, ldpi, mdpi) in embedded html resource of android app?
the html resource located in assets, can changed if necessary.
if not possible, how change display size of image based on screen resolution?
/* mdpi resources midium-density (mdpi) screens (~160dpi). css medium density (mdpi) android layouts in here webkit-device-pixel-ratio:1 */ @media screen , (-webkit-min-device-pixel-ratio: 1), screen , (min--moz-device-pixel-ratio: 1), screen , (min-resolution: 160dpi) { .title { text-align: center; vertical-align: middle; color: white; font-size: 1.25em; } } /* high density resources (hdpi) screens (~240dpi). css high density (hdpi) android layouts in here webkit-device-pixel-ratio:1.5 */ @media screen , (-webkit-min-device-pixel-ratio: 1.5), screen , (min--moz-device-pixel-ratio: 1.5), screen , (min-resolution: 240dpi) { .title { text-align: center; vertical-align: middle; color: white; font-size: 2.25em; } }
Comments
Post a Comment