Page 1 of 1

Change image source and dimentions based on device resolution

Posted: Wed Jun 19, 2013 3:10 pm
by 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,


Change image source and dimentions based on device resolution

Posted: Wed Jun 19, 2013 3:47 pm
by Kateryna Grynko

Hi Matt,

I'll search for a solution.


Change image source and dimentions based on device resolution

Posted: Wed Jun 19, 2013 4:10 pm
by 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...