Change image source and dimentions based on device resolution

[Matt Jellings]

I'm currently using a 48x48 icon for buttons in my app. Is there a way I can make the app use a bigger button (and change the dimensions of the image element) based on the devices screen resolution? Basically, so for bigger screen devices I can have higher quality images and the layout adapt appropriately. At the moment, the laytout adapts but leaves lots of white space as the images don't increase in size.

Thanks,

[Kateryna Grynko]

Hi Matt,

I'll search for a solution.

[Kateryna Grynko]

Hi Matt,

You can do this by describing in CSS styles everything that should vary depending on the resolution. Create your own CSS-style, where you describe all the icons for the buttons, and other items.

Find more here: https://developer.mozilla.org/en-US/d...