How to scale images or containers to different device size (width and hieght)

Hello,

I am wanting to scale my Images or my containers, so when the device get bigger the images or containers get bigger, without having to change it manually. Pretty much doing what a device profile does to exact, just in a different way. I was thinking of using CSS something like this below but it doesn't work...

Code:

---

@media all and (max-width: 320px) {
 .x-img {
    max-width  : 80%;
    height : auto;
 }
}

---

Your help is very much appreciated in advance if you wouldn't mind helping me out...

HI!

check out the following tutorial, it will helps you in your scenario,
http://www.sencha.com/learn/how-to-use-src-sencha-io/

No that didn't help all that shows is how to resize an image not resizing the image with the device

add mode: 'element' to your images config.

as long as your container is resizing along with your device size, the image inside that container (if also bound to the size of it's parent) will resize as well.

Okay, is there any way to do it with css?