How to add images for different screen resolutions in sencha touch?

Question

How can we add images i.e. in android such as small, medium, large and xlarge images in sencha touch as well as for IOS devices for normal display and Retina display? Is there any built in feature or helper function in sencha touch framework?

Pratik Sharma · Accepted Answer · 2013-01-09T15:42:45.680

2

You can go with Implementation of Media Queries to do so.

Check out below reference links.

Media Queries to handle all device’s screens

HTML5 Media Queries

EDIT :

If you need to target the Retina display separately, you can use this condition in media queries :

-webkit-min-device-pixel-ratio: 2

Thanks.

edited Jan 09 '13 at 15:42

answered Jan 08 '13 at 06:03

Pratik Sharma

13,307
5
27
37

But how can we use Media queries for ipad/iphone retina display? – Om3ga Jan 09 '13 at 08:58
@x4ph4r see the edit in my solution for retina display support. – Pratik Sharma Jan 09 '13 at 15:43

How to add images for different screen resolutions in sencha touch?

1 Answers1

Linked