Question: I'm making some mini-games with html5 and jQuery. They can be played on different platforms like pc or iOS or Android. I want to show the full content with fixed aspect ratio on different resolutions.

I can scale a specific object with .width() and .height(), but I'm not sure there is a better way to scale the whole content automatically, in stead of accessing every components and change their scale and position one by one.

Thank you.

Answer: 
IMO giving height and width in percent (through CSS) will be a better idea than changing it every time.
You could have all your elements using `rm` (or `rem`, I guess) instead of pixels for their heights and widths. 

Then you could use javascript to change the font-size for the html-tag (standard is 62.5% for rem), and everything should scale up or down.