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...