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