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

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

html - Instapaper-like algorithm -

c# - How to execute a particular part of code asynchronously in a class -